Tagged: ,

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • May 7, 2014 at 4:07 pm #29425
    ali125
    Participant

    Hi. I’ve tried but failed to wrap entry text around the featured image thumbnail:

    http://randolphforest.org

    I’d like it better integrated into the excerpt, not sitting on top. I’ve tried float:left in a few different styles but it wouldn’t budge.

    Thanks in advance for your help.

    Ali

    May 7, 2014 at 5:04 pm #29430
    Sakin
    Keymaster

    @ali125: Please don’t edit any core theme files. First, add in Featured Image in your post. If you want image to be the side of the excerpt text. Then Upload smaller image like and then buzz me back and I will check in the css for you.

    May 7, 2014 at 5:17 pm #29434
    ali125
    Participant

    Thanks for your quick reply Sakin. I was trying all sorts of things. I’ve changed back the theme file.

    I’ve uploaded the feature image at the size I’d like it displayed, 80×80. Look forward to hearing back from you again.

    May 8, 2014 at 1:00 am #29479
    Sakin
    Keymaster

    @ali125: Can you try adding in the following CSS in “Appearance => Theme Options => Custom CSS” box.

    .blog #content .hentry {
    display: block;
    height: 1%;
    overflow: hidden;
}
.blog #content .featured-image {
    float: left;
    width: 12%;
}
.blog #content .entry-container {
    float: right;
    width: 85%;
}
    May 8, 2014 at 2:31 am #29502
    ali125
    Participant

    Hiya, yes, that works perfectly for the homepage, thank you.

    As for the post page, http://randolphforest.org/mud-seasons-here/, can the featured image be aligned to the right so it’s not right on top of the title? Again, I’ve been trying different styles but with no change.

    Thanks again for your help!

    May 8, 2014 at 11:55 am #29557
    Sakin
    Keymaster

    @ali125: These are advance level of customization and I recommend you to hire customizer. This is over our basic support and also my css might not work 100%. You can try adding in the following css in “Appearance => Theme Options => Custom CSS” box. 

    .single .site-content .hentry {
    position: relative;
}
.single #content .featured-image {
    margin-bottom: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 10%;
    z-index: 1;
}
.single #content .entry-container {
    position: relative;
    z-index: 2;
}
    May 8, 2014 at 4:16 pm #29584
    ali125
    Participant

    Yes that is perfect! http://randolphforest.org/mud-seasons-here/

    Thank you so much for your time – the client is very happy with their site.

    I hope your fixes will help others too.

    Ali

    May 9, 2014 at 10:29 am #29702
    Sakin
    Keymaster

    @ali125: Thanks and yes sure it will help others as well.

  • Author
    Posts
Viewing 8 posts - 1 through 8 (of 8 total)
  • The topic ‘wrap excerpt text around featured image thumbnail’ is closed to new replies.