CSS Help Needed - Changing position of Free Shipping Image on Product Info Page

30 Jan 2012, 10:53 AM

Zen Follower

Join Date:: Dec 2010
Posts:: 142
Plugin Contributions:: 0

CSS Help Needed - Changing position of Free Shipping Image on Product Info Page

Hi all,

I need a bit of CSS help. I am trying to change the position of the Free Shipping graphic on the product info page. Here is a link to one of my products that has free shipping: http://tinyurl.com/86cuud9

I would like to change the position of the free shipping icon from how it appears now (image on the left) to how it appears in the image on the right...

Shouldn't be too hard... I am just really ignorant when it comes to CSS. Any help is greatly appreciated. Thanks!

30 Jan 2012, 11:50 AM

keneso

Totally Zenned

Join Date:: May 2009
Posts:: 1,273
Plugin Contributions:: 3

Re: CSS Help Needed - Changing position of Free Shipping Image on Product Info Page

Try adding this to your stylesheet.css

#freeShippingIcon {
margin: -70px 100px 0 0;
float:right;
}

30 Jan 2012, 11:53 AM

lolwaut

Zen Follower

Join Date:: Dec 2010
Posts:: 142
Plugin Contributions:: 0

Re: CSS Help Needed - Changing position of Free Shipping Image on Product Info Page

keneso:

Try adding this to your stylesheet.css

#freeShippingIcon {
margin: -70px 100px 0 0;
float:right;
}

Worked like a charm! Thanks so much!