IDStore Font changes - by KrullDesign - on WordPress WooCommerce support

This topic has 8 replies, 2 voices, and was last updated 10 years, 6 months ago ago by Jack Richardson

  • Avatar: KrullDesign
    KrullDesign
    Participant
    June 23, 2014 at 06:49

    Hi

    1. How do I change the Menu Font to another font (google font), there is no option in the Typography section of the Theme Options.
    2. I am wanting the overall site body text to be bigger. If is too small with a san serif font.

    Thanks

    7 Answers
    Avatar: Jack Richardson
    Jack Richardson
    Support staff
    June 23, 2014 at 07:34

    Hello,

    1) To change menu font you should go to http://www.google.com/fonts, find desired font and click Quick use. Then copy line of code from the 3rd item and insert it into the header.php before tag. The next step is to copy line of code from the 4th item and insert it into the custom.css as it shown below:

    .menu > ul > li > a {
    font: 14px 'Open Sans', sans-serif; /* <- Replace this line with the line from the 4th item */
    }

    2) To change font size of body text please add the following code into the custom.css and adjust font size value:

    body {
    font-size: 14px;
    }

    Here is a video tutorial how to create custom.css: https://www.youtube.com/watch?v=Qok2zRedRMY&feature=youtu.be.

    Regards,
    Jack Richardson

    Avatar: KrullDesign
    KrullDesign
    Participant
    June 24, 2014 at 00:53

    Thanks,

    The menu font worked but the body text in the shop is still the small font.
    http://amyerbacher.com.au/product/synergie-masquerase-anti-ageing-mask-50ml/

    Also how do I change the price colour in the shop it is still the default theme colour?

    Thanks

    Avatar: Jack Richardson
    Jack Richardson
    Support staff
    June 24, 2014 at 09:43

    Hello,

    Add the following code into the custom.css to change font size and color in the product description section:

    .product_description_mainblock p {
    color: gray;
    font-size: 16px;
    }

    To change price color use the following code in custom.css:

    .amount, .onsale-price .price, .currentprice {
    color: #C52222;
    font-size: 16px;
    }

    Regards,
    Jack Richardson

    Avatar: KrullDesign
    KrullDesign
    Participant
    June 26, 2014 at 04:44

    Hi Jack
    Neither of these worked.
    Surely all instances of the primary colour should change the old colour throughout the site? Isn’t that what having a main colour does? There is also menu drop downs and filter icons showing the old colour too.

    Please, contact administrator
    for this information.
    Avatar: Jack Richardson
    Jack Richardson
    Support staff
    June 26, 2014 at 07:34

    Hello,

    You have missed one curly bracket in code above. It is fixed now, please check!

    Regards,
    Jack Richardson

    Avatar: KrullDesign
    KrullDesign
    Participant
    June 26, 2014 at 07:45

    Than you so much for your help
    Nick

    Avatar: Jack Richardson
    Jack Richardson
    Support staff
    June 26, 2014 at 07:49

    Hello,

    You’re welcome!

    Regards,
    Jack Richardson

  • Viewing 8 results - 1 through 8 (of 8 total)

The issue related to '‘IDStore Font changes’' has been successfully resolved, and the topic is now closed for further responses

We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.