CSS to resize Featured Image on Blog Posts...

eCommerce WordPress theme with various e-store features and WooCommerce support.
GK User
Mon Sep 02, 2013 7:27 pm
Hi, I need the css to shrink the featured image on the blog posts. I would also like the css overwrite that would align the image either left or right with the option to wrap the text around it. Thanks.

ref: http://drshawnadarou.com/?cat=175
User avatar
Gold Boarder

GK User
Mon Sep 02, 2013 9:27 pm
Try this code:
Code: Select all
#gk-mainbody article .featured-image img {margin: 0;}
#gk-mainbody article .featured-image {float: left; margin: 0 10px 0 0}


Place it at end of: wp-content/themes/StoreBox/css/override.css
Remember to enable "Use the override.css file" in theme settings (item in admin menu, under comments section, advanced tab).
User avatar
Moderator

GK User
Mon Sep 02, 2013 10:01 pm
which part of the code allow me to resize the image to my choice?? where do i enter the dimensions?? Thanks
User avatar
Gold Boarder

GK User
Tue Sep 03, 2013 12:46 pm
what is the resize code?? thanks.
User avatar
Gold Boarder

GK User
Tue Sep 03, 2013 4:03 pm
Oh, I have forgot about size:
Code: Select all
#gk-mainbody article .featured-image img {
width: 100px;
}

this will set image to 100px width.
User avatar
Moderator

GK User
Tue Sep 03, 2013 4:07 pm
it worked. thanks so much!!
User avatar
Gold Boarder

GK User
Wed Sep 04, 2013 3:50 pm
No problem :).
User avatar
Moderator


cron