eStore: Fancy 2 Fonts – CSS How To question

[mralec]

Hi Gang, I wish to change the fonts appearing in the Fancy 2 product display. Here is a link to the page with the display:

http://www.acjfineartphoto.com/?page_id=424

What CSS sheet should I edit and how? Is there code I need to add to the custom sheet or amend in existing sheet? THANK YOU for a great plugin and support.

Cheers,

Alec

[Peter]

Hi Alec,

You can set the font properties using the appropriate CSS code for the following element:

.eStore-fancy2-product-name {

<put css code which sets the font attributes here>

}

The above should go into the wp_eStore_custom_style.css file.

[mralec]

Thanks Peter. That worked perfectly. So, is there a similar .eStore-fancy2-???? to change the font attributes associated with my variations? It all looks a little robotic, not great for a photographer’s site.

http://www.acjfineartphoto.com/?page_id=424

again, much thanks. For clarification, the “Size” and “Paper” fonts, not the actual variation fonts.

Alec Johnson

[mralec]

And as along as we’re at it – the “Add to Cart” button font as well.

[Peter]

Hi Alec, for the variation field name use the following:

.eStore_variation {

<put css code which sets the font attributes here>

}

Here is an example:

.eStore_variation {

font-family:Arial;

font-size:12px;

}

For the add to cart button I think it is:

.eStore_button .eStore_add_to_cart_button {

<put css code which sets the font attributes here>

}

You can do your own CSS investigations by using firebug. Please see this link:

http://www.tipsandtricks-hq.com/how-to-use-firebug-to-modify-your-wordpress-sites-css-video-tutorial-4037

[mralec]

Once again, Peter, THANK YOU, for the quick and spot on advice. This is a great product.

Best, Alec

[Author]

Posts