[Support request] PANACEUM – Problem with the background color on the extra button

[Robert]

Hi

I use this code for the extra button in my MENU:

/* studio classes menu button */

.main-navigation:not(.slideout-navigation) .main-nav li.studio-button a {
background-color: rgba(244,160,58,1.0);
color: #000000 !important;
border-color: #ffffff;
border-width: 2px;
line-height: 40px;
padding: 0px 24px;
border-radius: 7px;
margin-left: 30px;
margin-top: 0px;
margin-bottom: 4px;
transition: all 0.5s ease 0s;
}

.main-navigation:not(.slideout-navigation) .main-nav li.studio-button a:hover {
background-color: rgba(244,160,58,1.0);
color: #ffffff !important;
transition: all 0.5s ease 0s;

}

.main-navigation:not(.slideout-navigation) .main-nav li.studio-button a:active {
background-color: rgba(244,160,58,1.0);
color: #ffffff !important;
transition: all 0.5s ease 0s;
}

My problem is: if I click on the button “ZAMOW RECEPTE”, and then when this subpage loaded
the button is only a black TXT, without any background…

How could I change the CSS code to have it with a orange background like on the front page ?

Kr
Robert

[Ying]

Hi Robert,

Try add !important for the background color like below:

.main-navigation:not(.slideout-navigation) .main-nav li.studio-button a {
background-color: rgba(244,160,58,1.0) !important;
color: #000000 !important;
border-color: #ffffff;
border-width: 2px;
line-height: 40px;
padding: 0px 24px;
border-radius: 7px;
margin-left: 30px;
margin-top: 0px;
margin-bottom: 4px;
transition: all 0.5s ease 0s;
}

[Author]

Posts