[Resolved] change color studio-button and online-button vinyasa

Home Forums Support [Resolved] change color studio-button and online-button vinyasa

Home Forums Support change color studio-button and online-button vinyasa

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #2151533
    Miguel

    dear, how can I change the background color of the color study-button and online-button buttons (CSS class in primary menu) in vinyasa

    #2151536
    Leo
    Staff
    Customer Support

    Hi there,

    Go to Additional CSS field in the customizer and edit this CSS:

    .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;
    }

    Let me know if this helps ๐Ÿ™‚

    #2151807
    Miguel

    it works thank you!!!

    #2152305
    Leo
    Staff
    Customer Support
Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.