Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • July 7, 2015 at 5:34 am #469376
    CodeContra

    Hey guys, I’d like to change the font of the title bar. I haven’t found a solution in a previous thread so I decided to post. Can I change the title bar font to a google font? or another font? I’m using this CSS for the title bar size:

    .main-title a {
    font-size: 32px !important;
    }

    Thanks!

    July 7, 2015 at 6:55 am #469406
    Basilis

    Hey CodeContra!

    You can use the font-family tag, as you are using a CSS code already for there, and define the Font you want to use.

    Cheers!
    Basilis

    July 7, 2015 at 6:57 am #469409
    CodeContra

    Will do! I was hoping to use a google font. Is there a way to do this? Would I have to add a style sheet link to the theme somehow?

    July 7, 2015 at 3:20 pm #469716
    Yigit

    Hi!

    Please refer to this link to register additional Google Fonts – http://kriesi.at/documentation/enfold/register-additional-google-fonts-for-theme-options/

    Best regards,
    Yigit

    July 12, 2015 at 4:01 am #471938
    CodeContra

    Thanks, I have done this and I now see the google fonts in the general styling -> fonts tab. However I would like to change the font of the page title bar and the headline rotator in the following link to a google font. Is there some CSS I can add to style the page title bar and the headline rotator with a google font?

    Additionally, is there a way I can add some space after the text sidebar widget title but before the body?

    July 13, 2015 at 2:46 pm #472464
    Elliott

    Hi!

    An easy way to do this is to navigate to Dashboard > Enfold > Advanced Styling and then create a new style for the H6 element and set the font family to whatever google font you wish to use. You can only apply the style for the socket or whatever, it’s only for getting the font loaded on the front end.

    Next add this to your custom CSS and change “alice” to whatever font you used.

    .av-rotator-container * { font-family: alice !important; }
.main-title, .main-title a { font-family: alice !important; }

    Regards,
    Elliott

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • You must be logged in to reply to this topic.