Viewing 15 posts - 1 through 15 (of 15 total)
  • Author
    Posts
  • May 12, 2014 at 10:25 pm #263617
    rhinocorp

    Hello,
    Can you tell me the css to make the current menu item white. Mine looks grey, I think due to opacity?

    Thanks,
    Shelley

    May 12, 2014 at 11:02 pm #263643
    Yigit

    Hey rhinocorp!

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

    .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: red; }

    Cheers!
    Yigit

    May 12, 2014 at 11:26 pm #263657
    rhinocorp

    Hey Yigit,

    This doesn’t seem to work. I should have said this is for the current item in the drop down part of the menu. I want the text to look 100% white (no opacity).

    Thanks,
    Shelley

    May 13, 2014 at 7:10 pm #264124
    rhinocorp

    Did you see my last message?

    May 13, 2014 at 7:29 pm #264128
    Yigit

    Hi!

    Please try adding following code to Quick CSS instead

    #top .header_color .main_menu .menu ul .current_page_item > a, #top .header_color .main_menu .menu ul .current-menu-item > a { color: white; }

    If that does not work, please post the link to your website so we can check it

    Regards,
    Yigit

    May 13, 2014 at 7:48 pm #264142
    rhinocorp

    Still looks grey. Website is touristsite.com.

    Thanks

    May 13, 2014 at 7:56 pm #264154
    Yigit

    Hi!

    Please use following code

     #top .header_color .main_menu .menu ul .current-menu-item>a { color: white!important; }

    Regards,
    Yigit

    May 13, 2014 at 8:04 pm #264161
    rhinocorp

    Still not working :(

    Could it be opacity and not the color?

    May 13, 2014 at 8:09 pm #264163
    Yigit

    Hi!

    Code is not being applied. Please try adding it to the custom.css file inside Enfold/Css folder and make sure to disable CSS minifying feature of any plugin

    Cheers!
    Yigit

    May 13, 2014 at 8:29 pm #264186
    rhinocorp

    Still no. This is the other menu related css I have in the custom.css file. The first 2 are working

    .header_color .main_menu ul:first-child > li > a {
    color: white; font-size: 15px !important;
    }

    .header_color .main_menu .menu ul li a {
    color: white; font-size: 15px !important;
    }

    #top .header_color .main_menu .menu ul .current-menu-item>a { color: white !important; }

    May 13, 2014 at 8:31 pm #264188
    Yigit

    Hey!

    Do you mind creating a temporary admin login and posting it here privately so i can take a look?

    Best regards,
    Yigit

    May 13, 2014 at 8:37 pm #264200
    rhinocorp
    This reply has been marked as private.
    May 13, 2014 at 9:15 pm #264226
    Yigit

    Hi!

    > was switched into > and it stopped the code from applying- http://i.imgur.com/wKXSfoS.png
    I changed it and now it does work fine. Please take a look at your site and confirm

    Best regards,
    Yigit

    May 13, 2014 at 9:48 pm #264253
    rhinocorp
    This reply has been marked as private.
    May 13, 2014 at 9:56 pm #264259
    Yigit

    Hey!

    You are welcome :)

    Cheers!
    Yigit

  • Author
    Posts
Viewing 15 posts - 1 through 15 (of 15 total)
  • The topic ‘menu opacity’ is closed to new replies.