Editing Featured Image Styling for Wordpress


Author Message
Sarah

Posted: 1/17/2011
Quote message 

See the following post for a simple tutorial on how to quickly edit the border, background, padding, margin, etc. for your featured image thumbnails in Wordpress. Also included are instructions on how to add a hover feature to these images as well.

http://reflectingthedesigner.com/wordpress/2011/01/17/editing-the-style-of-featured-image-thumbnails/
 
webguygary

Posted: 1/17/2011
Quote message 

good article - I never messed with div.avatar bacause I just assumed it was referring to avatars ala "gravatar" - where someone's thumbnail appears next to their screen name on a post comment.
 
Sarah

Posted: 1/17/2011
Quote message 

Yes, exactly! That's why it took me so long to find it! I don't know why I just didn't look in the functions.php first, though to see what class was defined. Just went the long way around things.
 
Hin Webs

Posted: 1/18/2011
Quote message 

Where do you find the padding or margin for the header image bottom? I added an image below the header and would like the header to be next to this new image.

site can be found here:

http://hinwebs.com/demo-neil/test
 
Sarah

Posted: 1/18/2011
Quote message 

Where did you insert your code to add your new image? If your header is within your sheet, the easiest way to add extra items without worrying about them affecting sheet text or items is to place the divs within the header wrapper and style them appropriately.

Regardless, the header margin can be found in your style sheet within the header styling. It begins with the following:

/* begin Header */
div.art-header

but can also include the following .art-header-wrapper .art-header-inner div.art-header-center, and div.art-header-jpg

Depending upon where you have your image inserted will decide which code needs to be edited.
 
Nat

Posted: 3/10/2016
Quote message 

I know this is an old post, but for what it's worth... I just found that Artisteer no longer uses the avatar class with post thumbnails, but rather img.wp-post-image. I was going around in circles for hours trying to find that featured image setting! And finally discovered it at the bottom of Style.CSS as "img.wp-post-image". Changing the margins on that setting worked perfectly with my featured images. Hope it helps!