Is it possible to use the qwigley font in other places..

I want to use the qwigley font in the logo to replace the product prices in the news pro module on the front page that displays products.

http://www.pinkchella.com

You can define custom selectors in "Fonts" section of template settings - just where you have set your custom font.

So lets say I want to change just the prices of the items in the homepage news pro module. I just go into template settings. Link it to the google fonts directory, input the link to the font.

This is the only code I associated with the price so i added "#Mainbody.nspInfo nspInfo2 left left ...I know this is wrong, but can you please point me in the right direction..

What did you do exactly - screenshots of your settings will help .

This is what I did

You can edit this selector:

Code: Select all

#gkLogo.text,
.gkBanner > h2,
.box.bigtitle .header,
#gkMenuOverlayClose,
#gkMenuOverlayHeader,
.gkIsWrapper-gk_shop_and_buy .figcaption h3,
.product-price span.PricesalesPrice,
.gkTotal


and at end point to those prices:

Code: Select all

#gkLogo.text, .gkBanner > h2, .box.bigtitle .header, #gkMenuOverlayClose, #gkMenuOverlayHeader, .gkIsWrapper-gk_shop_and_buy .figcaption h3, .product-price span.PricesalesPrice, .gkTotal, .nspArt .nspInfo strong


but beside that you will have to use override.css to increase font size for this element as it is too small with this specific font.

This worked but like you said the font was small. When I increased the size of the font, it causes the category on the same module to increase in size also. The price also gets cut off. Is there a way to increase the size of the price only?

You can use this css selector:

Code: Select all

.nspArt .nspInfo strong


in override.css to play with size:

Code: Select all

.nspArt .nspInfo strong {font-size: 20px;}