Change font within bulleted and numbered lists?

Home Forums Freedom Free Change font within bulleted and numbered lists?

Tagged: ,

This topic contains 13 replies, has 3 voices, and was last updated by  ashishsthanp 4 months ago.

Viewing 14 posts - 1 through 14 (of 14 total)
  • Author
    Posts
  • #1296390

    larissaswayze
    Participant

    Hello! I have been using the Freedom Free template for over a year now and am very happy with it. However, I’ve never been able to change the font in bulleted lists and numbered lists and the default font “volkorn” still shows up there. Below is a link to my site, however there are no examples of what a list looks like with the old font because I avoid using them for this very reason. I would very much appreciate some help with this! Let me know if I need to post more information. Thanks!

    Larissa
    http://www.ofhousesandtrees.com

    #1296434

    Nima
    Moderator

    Hello @larissaswayze,

    When we checked your website, it seems all of the font is in “arial” and couldn’t find the “volkorn” font.
    Could you please point us clearly the specific section with any screen shots where “volkorn” font is appearing.

    Regards!
    ThemeGrill Support Team

    #1299991

    larissaswayze
    Participant

    Thanks so much for your fast reply and my apologies I wasn’t so prompt myself! Because I don’t like the look of the Volkorn font within a bulleted list I don’t have any examples currently on my website. However, I’ve temporarily changed an old post so it uses the bullets and you can see what I’m talking about. Here it is:

    Homemade Garden Fertilizer

    While we’re on the subject. The Volkorn font also shows up in the comments section in the comment dates as well as if you type in the comment box it’s Volkorn, but changes to Arial when you post it.

    Thanks so much again!!!

    #1300432

    Nima
    Moderator

    Hello @larissaswayze,

    Please, go to the options Appearance->Customize->Additional CSS or Appearance->Customize->Design Options->Custom CSS and paste the CSS code given below:

    .entry-content li {
        font-family: arial;
    }

    Regards!
    ThemeGrill Support Team

    #1301269

    larissaswayze
    Participant

    This worked perfectly Nima. Thank you so much! Any idea how to fix the other instances of Volkorn I mentioned above?

    “The Volkorn font also shows up in the comments section in the comment dates as well as if you type in the comment box it’s Volkorn, but changes to Arial when you post it.”

    Thanks again!!!
    Larissa
    http://ofhousesandtrees.com

    #1301307

    ashishsthanp
    Moderator

    Hello @larissaswayze,

    Please replace the previous CSS code by the code given below:

    .comments-area article header,
    textarea#comment,
    .entry-content li
     {
        font-family: arial;
    }

    Regards!
    ThemeGrill Support Team

    #1302469

    larissaswayze
    Participant

    Awesome! Worked like a charm once again. Okay… now there is ONE more instance of Volkorn (that I know of) I’d like to change as well. On the contact page, when you type in the boxes: http://ofhousesandtrees.com/contact/

    I know I just need to add another parameter (sorry if this is the wrong term) to the CSS – I just don’t know what it is!

    Thank you again so much!

    #1302517

    ashishsthanp
    Moderator

    Hello, @larissaswayze

    Replace previous code with :

    .comments-area article header,
    textarea#comment,
    .entry-content li,
    input[type="text"], 
    input[type="email"], 
    textarea
     {
        font-family: arial;
    }

    Regards,
    ThemeGrill Support Team.

    #1302612

    larissaswayze
    Participant

    Didn’t work that time πŸ™

    #1302724

    ashishsthanp
    Moderator

    Hello, @larissaswayze

    Can you send us the screenshot of the Additional CSS area from Dashboard?

    Regards,
    ThemeGrill Support Team.

    #1302850

    larissaswayze
    Participant
    #1303349

    ashishsthanp
    Moderator

    Hello @larissaswayze

    Replace above code with:

    .comments-area article header,
    textarea#comment,
    .entry-content li,
    input[type=text], 
    input[type=email], 
    textarea
     {
        font-family: arial;
    }

    Thank you πŸ™‚

    #1303613

    larissaswayze
    Participant

    It worked!!! Thank you so much for all your help. I truly appreciate it πŸ™‚

    #1303707

    ashishsthanp
    Moderator

    Hello again, @larissaswayze

    Glad to know it worked for you.

    We would really appreciate if you could provide us a review here:
    https://wordpress.org/support/theme/freedom/reviews/?filter=5

    If you have any more questions, feel free to ask again!

    Regards,
    ThemeGrill Support Team.

Viewing 14 posts - 1 through 14 (of 14 total)

You must be logged in to reply to this topic.