Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #184968

    I have a couple of questions about the enfold theme custom styling, I hope you can help me.

    1. I would like to change the main menu hover color (and also when the menu item is selected) to a specific color. (#f0fffb). I also want the menu font color to be white, I managed to that with .header_color .main_menu #avia-menu > li > a { color: #FFFFFF; }

    2. I would like to increase the font size of the whole theme by 2 pixels. I increased the body font size, but I just can’t figure out how to change the heading font sizes.

    3. I would like to completely remove all borders from the theme.

    Thank you in advance! You can check the site I’m working on at http://kaitravel.is/?page_id=734

    Daniel

    #185824

    Hey dbardits!

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

    .header_color .main_menu ul:first-child > li.active-parent-item > a,.header_color .main_menu ul:first-child > li > a:hover { color: #f0fffb }
    .header_color .main_menu ul:first-child > li > a { color: white; }

    2) You can add !important to change font size of headings i.e.:

    h3 { font-size: 22px!important; }

    3)

    .content, .sidebar, .header_color div, .alternate_color, .main_color { border: none!important; }

    Best regards,
    Yigit

    #219239

    Hi,
    How do I remove borders from the alternative menu?
    http://optimisepsychology.com.au/home/

    I would like my header font to start white then turn to #1e5774 when that item is selected. Can you please provide the code for this.

    Thanks so much.

    #219342

    Hi!

    Add this on Quick CSS:

    #header_meta {
    box-shadow: none;
    }
    
    .header_color .main_menu ul:first-child > li > a, .header_color .main_menu ul:first-child > li.current-menu-item > a, .header_color .main_menu ul:first-child > li.current_page_item > a {
    color: white;
    }

    Regards,
    Ismael

    #219362

    Hi Ismael,
    Thanks for that.
    The borders around the menu items are still there though. Any ideas?

    Also, the font color of the menu item that is selected needs to be #1e5774. The same color as when I hover over a menu item.
    Thank you.

    #219486

    Hi!

    Please add following code to Quick CSS as well

    .bottom_nav_header.social_header .main_menu ul:first-child>li a {
    border-right-style: none!important; } 
    .bottom_nav_header.social_header .main_menu ul:first-child>li:first-child a {
    border-left-style: none!important; }
    .header_color .main_menu ul:first-child > li > a { color: #1e5774!important; }

    Best regards,
    Yigit

    • This reply was modified 10 years, 1 month ago by Yigit.
    #219873

    Hi Yigit,
    Sorry that didn’t work. Any suggestions?

    #219977

    Hi!

    I have updated the code i posted in my previous post and added !important rule to force it. please try it now

    Cheers!
    Yigit

Viewing 8 posts - 1 through 8 (of 8 total)
  • The topic ‘menu hover color; heading font size; remove borders’ is closed to new replies.