Viewing 22 posts - 1 through 22 (of 22 total)
  • Author
    Posts
  • #1091109

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

    #1091359

    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

    #1091686

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

    #1091778

    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

    #1092115

    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.

    #1092121

    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

    #1092134

    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

    #1092137

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

    #1092181

    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.

    #1092367

    Hi Team100,

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

    Best regards,
    Victoria

    #1092498

    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.

    #1092802

    Hi Team100,

    Please try this CSS:

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

    Best regards,
    Rikard

    #1093433

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

    #1093580

    Hi,

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

    Best regards,
    Rikard

    #1093737

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

    #1094333

    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

    #1094539

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

    #1095134

    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

    #1095460

    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.

    #1095653

    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

    #1095968

    This worked, thank you for the great support.

    #1095991

    Hi,

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

    Best regards,
    Jordan Shannon

Viewing 22 posts - 1 through 22 (of 22 total)

The topic ‘Menu Button Styled Boarder Colors’ is closed to new replies.