Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • October 15, 2016 at 4:48 pm #699377
    j-keogh

    Hello. I managed to change my menu button colors using some css – but the color from these buttons shows as a kind of highlight on the submenu that appears when you rollover these buttons. Also the buttons themselves have white text color but I want the submenu from them to have black(ish) – can this be done?
    many thanks in advance.
    Jim

    problem with submenu

    October 15, 2016 at 6:37 pm #699388
    Basilis

    Hey j-keogh!

    There is the following CSS Class
    #top .header_color .main_menu .menu ul li

    which you have to also style, based on how you need.
    But, from the design I see, I think the dropdown should have a background to the full submenu, which will brake a bit the words
    and maybe a border below each of the word ( dashed maybe? ) so it can look good.

    let us know if we can help further

    Regards,
    Basilis

    October 15, 2016 at 10:12 pm #699415
    j-keogh

    Thanks for the quick response but I still can’t seem to get it too work. My quick css looks like this

    #menu-item-3194 a span {
    background-color: #green ;
    color:white;
    }

    #top .header_color .main_menu .menu ul li {
    background-color: transparent;
    color:black;
    }

    The green of the button is still a background color for all the submenu items. I’m pretty new to wordpress and am grateful for the support. Any advice that makes things look better eg underlining in a color is very gratefully received.

    October 16, 2016 at 10:51 am #699521
    Basilis

    Hi!

    Please make me a screenshot what you want to do, so we can understand and help you further

    Best regards,
    Basilis

    October 16, 2016 at 12:27 pm #699562
    j-keogh

    Hello, Hopefully one of these links will work. These show how it is now when you roll over the green button. When you roll over the purple a similar thing happens but in purple etc

    https://www.dropbox.com/s/gp9sh4ryu40ph7t/enfoldprintscreen.png?raw=1
    https://www.dropbox.com/s/gp9sh4ryu40ph7t/enfoldprintscreen.png?dl=0

    I would like it to look something like this.
    https://www.dropbox.com/s/hxuv0cyumkf25xx/enfoldprintscreen2.png?dl=0
    https://www.dropbox.com/s/hxuv0cyumkf25xx/enfoldprintscreen2.png?dl=0
    I really hope this is possible.

    October 18, 2016 at 8:57 am #700468
    Nikko

    Hi j-keogh,

    Kindly replace this code:

    #menu-item-3194 a span {
background-color: #green ;
color:white;
}

    with this one:

    #menu-item-3194 > a > span {
background-color: #green ;
color:white;
}

    You will notice that I just added > in between this will target only the main menu links/buttons but not the dropdowns. Hope this is helpful :)

    Best regards,
    Nikko Ayag

    October 24, 2016 at 10:24 pm #703456
    j-keogh

    perfect – thank you soo much. :-)

    October 25, 2016 at 8:14 am #703631
    Rikard

    Hi,

    Glad we could help :-)

    Please let us know if you should need any further help on the topic.

    Best regards,
    Rikard

  • Author
    Posts
Viewing 8 posts - 1 through 8 (of 8 total)
  • You must be logged in to reply to this topic.