[Support request] Vinyasa site primary menu buttons customization

Home Forums Support Vinyasa site primary menu buttons customization

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #1380122
    Szilard

    Hi there! I chose the VINYASA site from site library. It is simple to confugire and costumize the colors, typography, etc… but there are two buttons on the (top) right side corner of the primary menu that I cannot customize anywhere. I spent hours to solve this but I failed, which is very annoying. Could anyone help me in this case? Thank You!

    #1380297
    David
    Staff
    Customer Support

    Hi there,

    both of those buttons are actual menu items – to change the Titles / URLS go to Customizer > Menus and edit the primary menu.

    The button styling is achieved with this CSS found in Customizer > Additional CSS:

    /* online classes menu button */
    .main-navigation:not(.slideout-navigation) .main-nav li.online-button a {
        background-color: rgba(178, 139, 178, 1.0);
        color: #ffffff;
        border: 0;
        line-height: 40px;
        padding: 0px 24px;
        border-radius: 50px;
        margin-left: 20px;
        transition: all 0.5s ease 0s;
    }
    
    .main-navigation:not(.slideout-navigation) .main-nav li.online-button a:hover {
        background-color: rgba(178, 139, 178, 0.8);
        color: #ffffff;
        transition: all 0.5s ease 0s;
    }
    
    /* studio classes menu button */
    .main-navigation:not(.slideout-navigation) .main-nav li.studio-button a {
        background-color: rgba(132, 140, 183, 1.0);
        color: #ffffff;
        border: 0;
        line-height: 40px;
        padding: 0px 24px;
        border-radius: 50px;
        margin-left: 30px;
        transition: all 0.5s ease 0s;
    }
    
    .main-navigation:not(.slideout-navigation) .main-nav li.studio-button a:hover {
        background-color: rgba(132, 140, 183, 0.8);
        color: #ffffff;
        transition: all 0.5s ease 0s;
    }
    #1380353
    Szilard

    Thank you David! I mean the color costumizatuon of chorse… Just one more question, if I rewrite the CSS sheet with new color codes, it will be the new default setting, so it will not be affected by any future updates?

    #1380402
    David
    Staff
    Customer Support

    CSS in your Customizer > Additional CSS will remain even after updates to the theme.

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