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

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

Home Forums Support PANACEUM – Problem with the background color on the extra button

  • This topic has 1 reply, 2 voices, and was last updated 1 month ago by Ying.
Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • #2052743
    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

    #2053146
    Ying
    Staff
    Customer Support

    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;
    }
Viewing 2 posts - 1 through 2 (of 2 total)
  • You must be logged in to reply to this topic.