Why is add to cart icon above the text?

[mbp]

I'm trying to figure out why the add to cart icon is above text in the button?

 

http://garyleatherbags.se/index.php?id_product=3&controller=product

 

Regards

 

mbp

[FullCircles]

Looks like that icon is on line 449 of product.css, it's absolutely positioned, so outside of the normal flow of the text

 

How did you want it to look?

[mbp]

hi,

 

I would like for it to look like this:

 

 

 

[FullCircles]

Bit annoying to modify, as there are two sections with overlapping bits.. not sure whether it will affect anything else by removing some of these

 

Try searching on product.css for:

.box-info-product .exclusive:before

There should be 4 or so, if you change them to be:

.box-info-product .exclusive span:before

It'll move the symbol over onto the left of the main button.. at which point you'd need to fiddle about with the css to get it displaying correctly, by adding some more padding-left to the button text itself .. but it's quickly getting into making many many changes in different media sizes, which is a bit much to go over on here, I'd recommend having someone look into the rest, as it will take some playing around to get displaying correctly for each size

Edited November 17, 2014 by FullCircles (see edit history)