Tagged: , , , ,

Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
    Posts
  • November 22, 2013 at 2:15 pm #191834
    mgerenser

    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?

    November 22, 2013 at 3:26 pm #191843
    Yigit

    Hey mgerenser!

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

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

    2)

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

    3)

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

    4)

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

    Cheers!
    Yigit

    November 22, 2013 at 3:55 pm #191852
    mgerenser

    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?

    November 22, 2013 at 4:00 pm #191855
    Yigit

    Hey!

    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,
    Yigit

    March 2, 2014 at 2:12 am #231155
    NieuweDag

    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?

    March 3, 2014 at 2:13 am #231383
    Yigit

    Hi!

    Please add following code to Quick CSS as well

    .active_tab_content .tab_inner_content { color: red; }

    Regards,
    Yigit

    March 7, 2014 at 2:12 am #233450
    NieuweDag

    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.

    March 7, 2014 at 2:45 am #233454
    Josue

    Hi,

    Can you post the link to your website please?

    Regards,
    Josue

    March 7, 2014 at 12:03 pm #233702
    NieuweDag
    This reply has been marked as private.
    March 7, 2014 at 3:31 pm #233756
    Yigit

    Hi!

    Please add following code to Quick CSS and adjust as needed

    .main_color .tabcontainer .tab {
color: white;
}

    Best regards,
    Yigit

    March 7, 2014 at 4:10 pm #233774
    NieuweDag

    That does the trick! Thanks!!

  • Author
    Posts
Viewing 11 posts - 1 through 11 (of 11 total)
  • The topic ‘Changing font sizes & colors’ is closed to new replies.