I would like to change the default style of the title bar area on my pages. I have chose the “brown” theme and I find the beige text on a brown background is just not popping like I need it to. However, I am having a hard time identifying what element to edit in order to change that. Is this alternative content? Is it a header? Do I have to use custom CSS and if so, what should I change?
Hey Dandelion222,
I’m not sure what you are looking to change exactly, maybe you could post a screenshot highlighting them?
Best regards,
Rikard
I’ll attach an imgur link
Hi,
Thanks for the screenshot, please try this in Quick CSS:
.title_container .main-title {
color:#fff !important;
}
Best regards,
Rikard
That had no effect. Is there no setting for this area?
Hi,
Ok, please try this instead:
#top .alternate_color.title_container .main-title {
color:#fff !important;
}
There is no setting for only that element no.
Best regards,
Rikard
Hi Rikard,
I am also trying to change the background color of the title bar. I added the code to Quick CSS but it had no effect.
Do you have any other recommendations?
Thank you for the help
Valerie
Hi,
Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:
.title_container {
background:gold!important; /* Background color */
}
.main-title a, .breadcrumb-title, .trail-begin, .trail-end {
color:#000!important; /* Font Color */
}
Best regards,
Vinay
Hi Vinay,
Thank you for the help. It works beautifully!
Valerie
Hi,
Glad we could help!
Please take a moment to review our theme and show your support https://themeforest.net/downloads
To know more about enfold features please check – http://kriesi.at/documentation/enfold/
Thank you for using Enfold :)
Best regards,
Vinay