Viewing 18 posts - 1 through 18 (of 18 total)
  • Author
  • #187360

    in the Enfold Child Theme Options> STYLING
    We have: General, Header, Main Content, Alternate Content, Footer, Socket
    We do not have: Fonts, Background!

    Why is this?

    where can we adjust sizes etc… of fonts?
    how can we adjust the background

    your documentation needs work!

    • This topic was modified 1 year, 11 months ago by  DaraEmerson.

    Hi DaraEmerson!

    Both Fonts and Background settings are under General tab



    But we would like to change the sizes!
    this are much too small for the new generation websites where minimum size is at 16pt.
    Is this possible at all?

    Do we have to go into the child theme and write an entirely new css for this?
    or is there some possibility to tweak?
    We understood before purchase that the ability to work with the typography is possible.

    Best regards,

    dara emerson



    Please point out the elements you would like to increase font-size so we can provide you custom css code that you can add to Quick CSS in Enfold theme options under Styling tab, such as

    p { font-size: 16px; }

    Best regards,


    We would like to alter all sizes and type possibilities, especially where the typography only allows UPPER CASE letters.
    We would like the main menu larger to begin – this is too small for viewers over 40 years.

    Could you also please inform us how to set up a side menu – identical to the drop down menu under the main menu.
    We assume that this is possible – yes?

    Thanks for the reply
    : )


    how to remove “Enfold Theme by Kriesl” It is possible with other templates and written in the priimary documentation


    Just a few suggestions from a typography profi
    1 – It would be great to have the option on H1 and H2 to have Upper and Lower Case
    2 – Dropcaps should be able to be 3 lines tall (another typeface great but I realize it may be pushing the limits of present programming.)
    3 – The normal content type could be a bit larger – again too small for the over 40’s

    : )



    1) Please add following code to Quick CSS as well to increase the font size of main menu

    .main_menu ul:first-child > li > a { font-size: 20px; }

    2) You cannot create a dropdown menu in sidebar but you can create something like
    You can assign parent page to your sub menu items and it will be created
    3) You can add [nolink] in Enfold theme options > Footer > Copyright section to remove “Enfold Theme by Kriesi”

    .template-page .entry-content-wrapper h1, .template-page .entry-content-wrapper h2 {
    text-transform: none; }

    5) Please post the link to your page where you have Dropcaps
    6) This code here should increase the font in content

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

    this is the page with the side menu I would like to make:

    The rest will take some time to digest. Thanks



    It is a Tabs Element. You can add it under Content elements in Avia Layout Builder and configure as shown here



    This means it does not automatically generate- I would like it to duplicate the submenu under a main menu item – this would have to be done manually. Does it affect the Search Engine Optimization?.
    So either a widget which also is not a “Menu” or a Tab – also not a menu


    …and thanks for the help


    ok – the tab font size is also too small – how to increase?
    Is there a chart you have where we can see which css titles you have given to elements so we can find ourselves and write the css without having to ask you each time?



    Please see this video tutorial on using developer tool on Chrome
    You can do the same on Firefox as well :)

    Best regards,


    Thanks – still cannot find where to change the font-size of the drop-down menu items. (inspected elements to find css style)



    Please add following code to Quick CSS in Enfold theme options under Styling tab and adjust as desired

    #top .main_menu .menu li ul a { font-size: 16px; }



    Thanks! – So there is a question:
    When we originally asked how to change the size in the main navigation you gave this:
    .main_menu ul:first-child > li > a { font-size: 14px; }

    2. In your support we additionally found this for the main navigation (which also works):
    #top .main_menu li > a { font-size: 14px; }

    what is the difference?

    3. now you have given this for the drop down menu (It works nicely without changing the additional navigation – thanks! (non-fixed header with additional navigation))
    #top .main_menu .menu li ul a { font-size: 14px; }

    is 2. ok to use or is there a cleaner script?

    It would be great if you would post a list of the main css elements so we can leave you in peace for more complex issues.
    sometimes inspecting the elements does not work so easily.



    First code changes the font size only on main menu items while second code changes both main menu and sub menu.
    We do not have some kind of a cheat sheet but @zeusmedia was kind enough to share his CSS hacks which can be found here

    Best regards,

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

You must be logged in to reply to this topic.