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