change title font

12 posts from 4 voices

• Started 2 months ago by creation01
• Latest reply from Dude
• This topic is not resolved

Tags:

No tags yet.

1. 

   creation01
   Member

   how do we change the font for titles, category titles ( Store), product descriptions? we have the font "Trebuchet MS",Arial,Helvetica,san-serif, how do we apply it?

   Posted 2 months ago #
2. 

   Ismael
   Moderator

   Hi creation01,

   Try to add this code in your Quick CSS(located in Replete > Theme Options > Styling) or custom.css:
   

   #top h1 a, .js_active .woocommerce_tabs .panel h2, .js_active .woocommerce_tabs .panel p {
      font-family: "Trebuchet MS",Arial,Helvetica,san-serif;
   }

   Hope this helps.

   Regards,
   Ismael

   Posted 2 months ago #
3. 

   creation01
   Member

   Ismael-

   we applied to quick CSS, but no change - we want to apply to all heading fonts, footer titles, product titles, category titles

   currently applied- please take a look.

   http://shop.creationnetworks.net/

   Thx in advance,
   Eric

   Posted 2 months ago #
4. 

   Ismael
   Moderator

   Hi Eric,

   I checked the site and it seems that I can't find the code I gave you. Did you use some plugin that cache your site?

   Regards,
   Ismael

   Posted 2 months ago #
5. 

   creation01
   Member

   nope, no plugin
   applied to quick css

   Posted 2 months ago #
6. 

   Devin
   Moderator

   Hi Eric,

   The code is live and getting applied on my end. Are there any items that you want it to specifically apply to that it isn't right now?

   Regards,

   Devin

   Posted 2 months ago #
7. 

   Ismael
   Moderator

   Hi Eric,

   Try this code instead:
   

   #top h1 a, #tab-description h2, #tab-description h3, #tab-description h4, #tab-description p, #tab-description li {
      font-family: "Trebuchet MS",Arial,Helvetica,san-serif;
   }

   or:
   

   #top h1 a, #tab-description h2, #tab-description h3, #tab-description h4, #tab-description p, #tab-description li {
      font-family: "Trebuchet MS",Arial,Helvetica,san-serif !important;
   }

   Hope this helps.

   Regards,
   Ismael

   Posted 2 months ago #
8. 

   creation01
   Member

   the 2nd one worked, thx for the time & effort-

   how does it get applied to footer titles? follow us, contact details, customer service

   and front page- featured products & Our most recent collections

   best

   Posted 2 months ago #
9. 

   Ismael
   Moderator

   Hi creation01,

   Try to add this code:
   

   #footer .widgettitle, #top .widget ul li a,  #top .widget ul li, #footer p {
      font-family: "Trebuchet MS",Arial,Helvetica,san-serif !important;
   }

   Regards,
   Ismael

   Posted 2 months ago #
10. 

    creation01
    Member

    rock on, great job! thx, Ismael

    Posted 2 months ago #
11. 

    creation01
    Member

    how do we apply this to the woocommerce widgets that are displayed everywhere?

    sample right side of page

    http://shop.creationnetworks.net/product-category/new-products/best-selling/

    Posted 2 months ago #
12. 

    Dude
    Dude

    Hi!

    You can use following code:

    .widget.woocommerce .widgettitle, #top .widget.woocommerce  .widget ul li a,  #top .widget.woocommerce .widget ul li, #footer p {
       font-family: "Trebuchet MS",Arial,Helvetica,san-serif !important;
    }

    Regards,
    Peter

    Posted 2 months ago #

RSS feed for this topic

Reply

You must log in to post.