Support » Theme: SKT Spa » How to change green color in SKT Spa theme

  • Hi there. I would like to replace everything that is in green in this theme, including the top bar, and the button mouse over. Can anyone help ?

    • This topic was modified 7 years, 4 months ago by maggieSEO.
Viewing 3 replies - 1 through 3 (of 3 total)
  • Hi there,

    If the theme doesn’t support changing colors you can always edit the CSS.

    CSS to edit the top bar:

    .topbararea{
    background-color: (different color here)
    }

    CSS to edit mouse overs of the menu:

    current_page_item:hover{
    background-color: (different color here)
    }

    Hope this helps!

    Thanks so much for your quick response. I still have some questions …

    I created a child theme since I can’t seem to find the custom css section ?

    I figured out which original css files I can manipulate to adjust the colors, but that would mean I would have to update those files every time a theme update was made.. So from what I understand, a child theme would be the better option ?

    When I use the above code in my child theme, it doesn’t work. I must be getting the syntax wrong.

    This is the code im playing around with, but its not working. A trained eye will probably pick out the bugs right away.

    /* change green bar*/
    .topfirstbar{
    background-color: (#005D6F;)
    }

    /* Change background*/
    .main-container{ background:#CCC;}

    /* Read more buttons */
    #feature-box .read-more{background-color:#005D6F !important;}
    #feature-box:hover .read-more{background-color:#B29959 !important;}

    Thanks in advance for the assistance.

    Hi there!

    Yes, always use a child theme when editing a theme. Your adjustments will be overwritten every time the theme gets an update. This will be prevented when you use a child theme 😉

    I’ve made some adjustments to your CSS, I think it should work now.

    /* change green bar*/
    .topfirstbar{
    background-color: #005D6F;
    }

    /* Change background*/
    .main-container{
    background-color:#CCCCCC;
    }

    /* Read more buttons */
    #feature-box .read-more{
    background-color:#005D6F !important;
    }

    #feature-box:hover .read-more{
    background-color:#B29959 !important;
    }

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘How to change green color in SKT Spa theme’ is closed to new replies.