Change the font for element.style {

Hi, I love the Activello template so much and now making some customizations for fonts.
Right now I have a difficulty in changing the font for the element.style { } below section; the lists of Recent posts,Category, Recent comments and so on. It is about the side bar. (Please see the attached pic.)

I want to change the font as

Arial,'Montserrat', sans-serif;

As far as I see the developer tool, it is shown that these fonts are implemented (see the below body code), but actually it’s not reflected on the blog.

body {
    color: #696969;
    background-color: #FFFFFF;
    word-wrap: break-word;
    font-family: Arial,'Montserrat',serif;
    line-height: 2;
    font-size: 14px;
}

What code should I add in my Child-theme? Please kindly advise me if you have any thoughts. That’d be so appreciated! Thank you. :slight_smile:

Hi @wsbi,

I hope you are well today and thank you for your question.

You can try using the below CSS code in the style.css file of your child theme and change the font to whatever you want to set.



#secondary .widget ul {
    font-family: Arial,'Montserrat',serif;
}

Best Regards,
Movin