How to change green color in SKT Spa theme

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