[ali125]

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

[Sakin]

@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.

[ali125]

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.

[Sakin]

@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%;
}

[ali125]

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!

[Sakin]

@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;
}

[ali125]

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

[Sakin]

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

[Author]

Posts