Okay
  Public Ticket #2760225
font change
Closed

Comments

  • spider-web started the conversation

    Hello,
    I wonder is it possible to change the font for the whole site at once?

    I know there is possible to change font for each title and text section, but maybe there is quicker way to change for all website (ideally maintaining the size of the font and leaving the formatting)

    For example, I would like to use Book Antiqua font. Can I?


  •  933
    Neuron replied

    Hi,

    You can change the font family for the entire site by adding the following code at Appearance > Customize > Additional CSS.

    a, abbr, acronym, address, applet, big, blockquote, body, caption, cite, code, dd, del, dfn, div, dl, dt, em, fieldset, font, form, h1, h2, h3, h4, h5, h6, html, iframe, ins, kbd, label, legend, li, object, ol, pre, q, s, samp, small, span, strike, strong, sub, sup, table, tbody, td, tfoot, th, thead, tr, tt, ul, var {
        font-family: "Book Antiqua" !important;
    }
    

    Feel free to ask for anything you need.

    Kind Regards


  • spider-web replied

    That works perfectly, thank you!

  •  933
    Neuron replied

    You are welcome anytime, feel free to ask for anything you need

    Kind Regards,
    NeuronThemes


  • spider-web replied

    Unfortunately, one problem occurred after changing the font for the entire site:
    with usage of Book Antiqua disappeared product rating stars (this font probably doesn't support these characters). How can I add an exception to the ranking line so that the font does not change for it (ranking stars still be visible)?

  •  933
    Neuron replied

    Hi,

    Okay, so can you please add also the following code at Appearance > Customzie > Additional CSS?

    .star-rating span{
        font-family: star !important;
    }
    .star-rating:before {
        display: none !important;
    }
    

    Feel free to ask for anything you need.

    Kind Regards


  • spider-web replied

    Done. Rating stars are back now. Thank you once again!

  • spider-web replied

    After changing the font, we noticed that it was a little too small for comfortable reading.
    Is there is an option to increase the font for the text on whole webpage?

  •  933
    Neuron replied

    Hi,

    Please add the following code at Appearance > Customize > Additional CSS.

    p {
        font-size: 16px !important;
    }

    Feel free to ask for anything you need.

    Kind Regards


  • spider-web replied

    Thanks, I am very happy with the results now.
    In the products page text size still left unchanged (please see the attached image), but it is probably because these pages belongs to WooCommerce and should be changed manually in some other place?


  • spider-web replied

    Also on the contact page https://trifelia.lt/kontaktai/ the font in these 3 columns were unchanged. Could you advice how to change the font in here, please?


  •  933
    Neuron replied

    Hi,

    I've updated the code at Appearance > Customize > Additional CSS to achieve those changes, can you please take a look at them and tell e if that's alright.

    Feel free to ask for anything you need.

    Kind Regards


  • spider-web replied

    Brilliant! 
    Thank you for your time and great help!

  •  933
    Neuron replied

    You are welcome anytime, feel free to ask for anything you need

    Kind Regards,
    NeuronThemes