Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • #394923

    Hello,

    Various questions around fonts:

    – How to increase the weight of the fonts?
    For example how to make H2 or H3 with a stronger weight / bold (like 700, 800 or 900)
    – How to change the colour of the “Special headings” without affecting the other texts colours?
    – How to amend / style the header menu default fonts and the footer widget titles default fonts?

    Thanks,

    #395046

    Hey JTV Digital!

    1- Please add following code to Quick CSS in Enfold theme options under General Styling tab and adjust as needed

    h1 { font-weight: 700 !important; }

    2- Please click on your Special Heading element to see its options and go to “Colors” tab- http://i.imgur.com/lVXPo6I.png
    3- You can target footer widget titles using following selector

    #footer .widgettitle { color: red; }

    and you can go to Enfold theme options > Advanced Styling tab and edit “Main menu links” to make changes on main menu items. If you can elaborate on the changes you would like to make we can help you better :)

    Regards,
    Yigit

    #395166

    Thanks.

    Regarding 1. I am not sure the additional weights are loaded since adding this does not seem to have any effect.

    2. yes, ok. There is an option in the Advanced Styling to amend all headings at once, but it also affects the text / headings displayed in the Sliders, is that correct?
    So the only option to keep the sliders’ text let’s say White and have something else than the default colour for other headings (in the Main content or elsewhere), is to edit the colour of each “special heading”…etc manually?

    3. Footer widget titles are using the default font colour, size and are automatically in Capital letters, the idea was to find a way to play around these parameters

    Thanks

    #395659

    Hey!

    1- Please see this post and add new weight – http://kriesi.at/documentation/enfold/register-additional-google-fonts-for-theme-options/
    2- No, it would only affect the element you edit and changes will not be applied globally.
    3- You can use following code

    #footer .widgettitle {
    color: orange;
    text-transform: none;
    }

    Regards,
    Yigit

    #395706

    Hello,

    Unfortunately the solution described here http://kriesi.at/documentation/enfold/register-additional-google-fonts-for-theme-options/ breaks the theme and prevents the site to load.
    Tried with function.php from the Child Theme and from the standard Enfold theme, same issue

    thanks

    • This reply was modified 9 years, 3 months ago by JTV Digital. Reason: issue when trying the solution
Viewing 5 posts - 1 through 5 (of 5 total)
  • The topic ‘Styling and increase font weight’ is closed to new replies.