Viewing 22 posts - 1 through 22 (of 22 total)
  • Author
    Posts
  • April 15, 2019 at 10:28 pm #1091109
    Team100

    How do I change the button styled bordered colors in my navigation menu? Both normal and hover.

    April 16, 2019 at 10:34 am #1091359
    Rikard

    Hey Team100,

    Which one of them are you looking to target and how would you like to change the look of it?

    Best regards,
    Rikard

    April 16, 2019 at 10:18 pm #1091686
    Team100

    I would like to change the button styled bordered colors in my navigation menu to be #2B6E93 not white.

    April 17, 2019 at 5:49 am #1091778
    Jordan Shannon

    Hi,

    Add this to quick css:

    #top .av-menu-button > a .avia-menu-text {
    border: 2px solid #2B6E93!important;
    border-radius: 2px;
}

    Best regards,
    Jordan Shannon

    April 17, 2019 at 7:33 pm #1092115
    Team100

    Thanks for that, unfortunately it made both of the boarders of my buttons blue and the text is still white. I just want the “Blue Martini Ball” to have the blue boarder and text.

    April 17, 2019 at 7:52 pm #1092121
    efreighter

    I have the main menu on the left side and I have tried all your suggestions and it does not work. I want on menu button one color and the other a second color. I want to also change the hover-over colors

    April 17, 2019 at 8:16 pm #1092134
    Jordan Shannon

    Hi,
    Add this to quick css:

    #top .av-menu-button #menu-item-545 a span.avia-menu-text {
    border: 2px solid #2B6E93!important;
    border-radius: 2px;
    color: #2B6E93!important;
}

    Search for this:

    .menu-item.av-menu-button a .avia-menu-text {
    color: #fff!important;
}

    And just remove !important.

    Best regards,
    Jordan Shannon

    April 17, 2019 at 8:29 pm #1092137
    efreighter

    search for Search for this:
    .menu-item.av-menu-button a .avia-menu-text {
    color: #fff!important;
    where would this be located?

    April 18, 2019 at 12:14 am #1092181
    Team100

    I removed the !important and added the new css. I’m still getting a blue line around the red button and the text for the Blue Martini is black not blue.

    April 18, 2019 at 10:11 am #1092367
    Victoria

    Hi Team100,

    Hmmmm… it’s a bit confusing. Do you have a mockup of what you’re trying to achieve?

    Best regards,
    Victoria

    April 18, 2019 at 8:42 pm #1092498
    Team100

    Sorry, Let’s just do this seeing it becoming confusing. How do I make the Blue Martini Ball this color blue #2E6F91? When rollover I would like it a darker blue. I would like Donate to stay red.

    April 20, 2019 at 5:13 am #1092802
    Rikard

    Hi Team100,

    Please try this CSS:

    #menu-item-545 a .avia-menu-text {
  background-color:#2E6F91;
  border-color:#2E6F91;
}

    Best regards,
    Rikard

    April 22, 2019 at 11:10 pm #1093433
    Team100

    Nothing seems to change when i added that css. I tried in a new browser and flushed the cache.

    April 23, 2019 at 9:15 am #1093580
    Rikard

    Hi,

    Did you select to delete the old CSS and JS files under Enfold->Performance?

    Best regards,
    Rikard

    April 23, 2019 at 8:07 pm #1093737
    Team100

    Yes, I did. The button style is still red.

    April 25, 2019 at 10:03 am #1094333
    Victoria

    Hi Team100,

    Please try the following css:

    
#top #wrap_all .header_color .av-menu-button-colored > a .avia-menu-text {
  background-color:#2E6F91;
  border-color:#2E6F91;
}

    Best regards,
    Victoria

    April 25, 2019 at 8:28 pm #1094539
    Team100

    That code makes both of the buttons blue. I would still like the donate button red.

    April 29, 2019 at 2:51 am #1095134
    Nikko

    Hi Team100,

    I have checked your site and I see 3 menu buttons: Get Started, Now Hiring, Log In.
    I don’t see the Donate button, is it removed?

    Best regards,
    Nikko

    April 29, 2019 at 7:49 pm #1095460
    Team100

    Hi Nikko,

    I think you might be looking at the wrong website. I do not have any of those buttons. I attached my website below.

    April 30, 2019 at 8:19 am #1095653
    Victoria

    Hi Team100,

    Please try using this code instead:

    
#top #wrap_all .header_color #menu-item-545.av-menu-button-colored > a .avia-menu-text {
  background-color:#2E6F91;
  border-color:#2E6F91;
}

    Best regards,
    Victoria

    April 30, 2019 at 11:49 pm #1095968
    Team100

    This worked, thank you for the great support.

    May 1, 2019 at 2:22 am #1095991
    Jordan Shannon

    Hi,

    I’m glad this was resolved. If you need additional help, please let us know here in the forums.

    Best regards,
    Jordan Shannon

  • Author
    Posts
Viewing 22 posts - 1 through 22 (of 22 total)
  • The topic ‘Menu Button Styled Boarder Colors’ is closed to new replies.