Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
  • #191834

    Love the Enfold theme! Just a few questions:

    1. How do I change the font size of the menu items in the top navbar?

    2. I’m using the “tabs” content element. Love this feature! But how do I change the font size and font color of the text inside the tabs themselves?

    3. It appears all H1 tags are capitalized. How do I get rid of the caps, and make all h1 tags a certain color?

    4. Right now the footer widget area and the footer itself are both black and dark gray. How can I change this to dark blue?


    Hey mgerenser!

    Please add following code to Quick CSS in Enfold theme options under Styling tab

    .header_color .main_menu ul:first-child > li > a { color: red; font-size: 18px; }


    >code>.active_tab_content .tab_inner_content { color: green; font-size: 16px; }


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


    .footer_color, .socket_color { background-color: blue; }



    Thanks Yigit for the super-fast response! Most of this worked. Just a couple follow-up questions.

    For the tabs, I don’t want to change the text in the content of the tabs. I want to change the size & color of the text in the tab header itself.

    As for the navbar menu, that works great. I’ve been able to make the text larger and a color of my choice. Now how do I define the rollover/mouseover color?



    Please add following code to Quick CSS as well

    .js_active .tab { font-size: 18px; }
    .header_color .main_menu ul:first-child > li > a:hover { color: purple; }

    Best regards,


    The last tip was very helpfull to change font size in tabs. Do you also have such a helpfull tip to change font color within tabs?



    Please add following code to Quick CSS as well

    .active_tab_content .tab_inner_content { color: red; }



    No unfortunately that doesn’t do the trick, sorry if I wasn’t specific enough.
    I need to adjust the color in the tab itself (navigation header of inactive tabs to be precise), not the regular content.

    Default color of inactive tabs is default meta-color I gues (grey), which is hard to read on some background colors. The tab is used in a green color section in this case. The hover-color is ok. I would like to change the inactive color to #333333.



    Can you post the link to your website please?


    This reply has been marked as private.


    Please add following code to Quick CSS and adjust as needed

    .main_color .tabcontainer .tab {
    color: white;

    Best regards,


    That does the trick! Thanks!!

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

The topic ‘Changing font sizes & colors’ is closed to new replies.