Tagged: Excerpt, featured image
- This topic has 7 replies, 2 voices, and was last updated 10 years, 4 months ago by
Sakin.
-
AuthorPosts
-
May 7, 2014 at 4:07 pm #29425
ali125
ParticipantHi. I’ve tried but failed to wrap entry text around the featured image thumbnail:
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 #29430Sakin
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 #29434ali125
ParticipantThanks 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 #29479Sakin
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 #29502ali125
ParticipantHiya, 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 #29557Sakin
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 #29584ali125
ParticipantYes 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 -
AuthorPosts
- The topic ‘wrap excerpt text around featured image thumbnail’ is closed to new replies.