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

Rate this topic: Evaluations: 1, 1.00 on the average.Evaluations: 1, 1.00 on the average.Evaluations: 1, 1.00 on the average.Evaluations: 1, 1.00 on the average.Evaluations: 1, 1.00 on the average.Evaluations: 1, 1.00 on the average.1.00 out of 6 based on 1 vote(s)
GK User
Wed Dec 09, 2015 3:39 pm
Reply with quote
Report this post
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
User avatar
Gold Boarder

GK User
Wed Dec 09, 2015 9:14 pm
Reply with quote
Report this post
You can define custom selectors in "Fonts" section of template settings - just where you have set your custom font.
User avatar
Moderator

GK User
Wed Dec 09, 2015 10:31 pm
Reply with quote
Report this post
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..
User avatar
Gold Boarder

GK User
Mon Dec 14, 2015 12:24 pm
Reply with quote
Report this post
What did you do exactly - screenshots of your settings will help :).
User avatar
Moderator

GK User
Mon Dec 14, 2015 11:39 pm
Reply with quote
Report this post
This is what I did :(
User avatar
Gold Boarder

GK User
Wed Dec 16, 2015 8:38 pm
Reply with quote
Report this post
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.
User avatar
Moderator

GK User
Wed Dec 16, 2015 9:18 pm
Reply with quote
Report this post
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?
User avatar
Gold Boarder

GK User
Mon Dec 21, 2015 10:33 am
Reply with quote
Report this post
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;}
User avatar
Moderator


cron