Display featured image on top corner of article?

Hi,

Is it possible to show the featured image in the top left or right corner of a blog / review? So the image will be used when people share the article on social media media.
Hope to hear from you.

Kind regards,
Leon

 

Hello Leon,
For this you have to follow two steps:

Step 1:

PHP:

<?php if ( has_post_thumbnail() ) {
                                    the_post_thumbnail();
                                        }
                                  ?>

Please use this code in single.php file
Follow below image.



Step 2:

Paste the code given below in Custom CSS section
(Appearance -> Theme Options -> Styling Options -> Custom CSS) of your dashboard.

Code:

img.attachment-post-thumbnail.wp-post-image {
padding: 5px;
border: 1px solid #E1E1E1;
margin-top: 10px;
}

Thanks & Regards
Pramod

 

Hi Pramod,

It worked! http://www.online-marketing-boeken.nl/nieuws/6-tips-om-meer-te-halen-uit-uw-social-media/

But is it possible to wrap the text around the image? What code do i need to add?

Like this blog of a friend of mine:
http://gezondestap.com/train-je-schouderspieren-optimaal/

Regards,
Leon

 

Hello Leon,

Paste the given code after two line or

after </ul>


and put the given CSS code.

Thanks & Regards
Pramod

 

Is this correct?

 

Hello,


Yes this is correct, Please apply css for border.

Code:

.content_bar.product_detail .feature_content img {
max-width: 100%;
height: auto;
border: 1px solid #ccc;
margin: 10px 15px 5px 5px;
float: left;
box-shadow: inset 1px 1px 10px #ccc;
}

Thanks & Regards
Pramod

 

Hi Pramod,

I have done what you have said, but the text is still under te image. See: http://www.online-marketing-boeken.nl/nieuws/6-tips-om-meer-te-halen-uit-uw-social-media/
Shall i send you the login details so you can see it for yourself?

Kind regards,
Leon

 

Hi Leon,

Try this code in custom css.

Code:

img.attachment-post-thumbnail.wp-post-image {
float: left;
margin: 10px;
}

If it not works then send me your login details at [email protected].

Thanks
Praveen

 

Yeah! Now it is working! Thanks Praveen and Pramod!