Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • August 1, 2019 at 2:11 am #1123694
    Cary Benjamin

    Hi all – been all over the “theme options” area, but I can not find a way to customize a menu that I have created and placed in a widget.

    For a visual reference find the following page:

    Activities & Adventures

    The menu is on the right side below the main banner photo of the sailboat. It is called the “activities & adventures menu”

    There are gray highlight bars that have two states – and I want to be able to color the two different states.

    There was a way to customize the menu items – now in yellow (I changed it to yellow in the theme options)

    August 1, 2019 at 9:20 pm #1123981
    Nikko

    Hey Cary,

    It doesn’t have an option to customize the menu widget.
    However, we can help give you css codes that should achieve what you want, can you give us a screenshot of what you’re trying to achieve?

    Best regards,
    Nikko

    August 1, 2019 at 9:39 pm #1123984
    Cary Benjamin

    Nikko – thanks for responding. I have uploaded a screen cap of what i am trying to do… hoping I can change it easily with some code added to the “Quick CSS” in the theme edit section.

    You can download a png screen capture that shows what i am seeking – sent via hightail, I do not see an upload option on this page for some odd reason.

    https://spaces.hightail.com/receive/TeGlFw0myR

    Cary

    August 2, 2019 at 5:20 am #1124039
    Nikko

    Hi Cary,

    Thanks for the giving us the screenshot. Here is the code you can use to change it (the first block of code is for the current page, and the 2nd block of code is when you hover your mouse over it), just change the color:

    #top .content .flex_column .widget_nav_menu ul:first-child > .current-menu-item {
    background-color: black;
}

#top .content .flex_column .widget_nav_menu ul:first-child > li:hover {
    background-color: blue;
}

    Hope it helps.

    Best regards,
    Nikko

    August 2, 2019 at 2:23 pm #1124180
    Cary Benjamin

    Hi Nikko – Thanks so much, however, I tried the Quick CSS Code that you recommended, but it made no changes to the menu. Any other ideas?

    August 2, 2019 at 7:30 pm #1124243
    Jordan Shannon

    Hi,

    Did you add the code to the very top of quick css so it runs first? Also, be sure to clear the cache a few times over.

    Best regards,
    Jordan Shannon

    August 3, 2019 at 12:49 am #1124287
    Cary Benjamin

    Jordan – awesome. That did the trick. It is interesting that the command has to be first in the list. Would love to understand how a line of code would be ignored if placed on the bottom of a list – but not the top. It is as if it has a personality of its own.

    Thank you!!!!

    August 3, 2019 at 6:16 am #1124320
    Rikard

    Hi,

    If it works at the top and not at the bottom, then it means that you have some broken or incorrectly syntaxed CSS somewhere in your CSS.

    Best regards,
    Rikard

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