Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • November 5, 2013 at 10:41 pm #184968
    dbardits

    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

    November 7, 2013 at 9:36 pm #185824
    Yigit

    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

    February 4, 2014 at 9:49 am #219239
    TheProductionHouseEvents

    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.

    February 4, 2014 at 1:44 pm #219342
    Ismael

    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

    February 4, 2014 at 2:26 pm #219362
    TheProductionHouseEvents

    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.

    February 4, 2014 at 5:07 pm #219486
    Yigit

    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, 10 months ago by Yigit.
    February 5, 2014 at 10:53 am #219873
    TheProductionHouseEvents

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

    February 5, 2014 at 4:43 pm #219977
    Yigit

    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

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