Homepage › Community Forums › Epik Theme Support › Widget color
Hi! The default colors of my widgets do not work, they are all white except for the dark gray. How can I adjust it?
Another question: you could tell me where to edit the CSS to change the style of the title page?
Thank you very much!
Your link isn’t working at the moment. Let us know when you have the site back up and I can help.
I create awesome sites for awesome people! Contact me if interested – ericsanchez1585@gmail.com
Please try now. Thanks!
Thanks Wes!
No I didn’t. In the demo there are 3 colors, I have 1 widget dark grey and the others white. The problem starts from the “home featured #3” widget.
I mean the title of the pages, such as this “shampoo capelli trattati” on this page: http://besthairsolutionprofessional.com/prodotti-professionali-per-capelli/shampoo-capelli-trattati/
Thanks for your help
“The default colors of my widgets do not work, they are all white”
Which part of the widgets are you referring to exactly? I don’t see a home-feature-3 widget active on your site.
The home feature #3 (gray) in my site is white.
The home feature #7 (gray) in my site is white.
The home feature #9 (gray) in my site is white.
Ok, so you’re referring to the background colors.
You changed your body (main) background to white #fff
….and the widget areas that were gray were empty (didn’t have/need a color applied to them). So by default they would show a gray background since that was the background of the theme. If you want to keep the background as white then you can apply a background color directly to those widget areas. Take a look around line 1584 in your style.css and you can add a background to those 3 sections –
/*
Home Features
---------------------------------------------------------------------------------------------------- */
/* Home Feature Classes */
/*You can add background images/colors to each section of the homepage by adding them to the classes below.
*/
.hf1,
.hf3,
.hf4,
.hf5,
.hf6,
.hf7,
.hf8,
.hf9,
.hf14 {
/* -webkit-background-size: cover; */
-moz-background-size: cover;
/* background-attachment: fixed; */
/* background-repeat: no-repeat; */
/* background-size: cover; */
}
.hf1 {}
.hf3 {}
.hf4 {}
.hf5 {}
.hf6 {}
.hf7 {}
.hf8 {}
.hf9 {}
.hf14 {}
Add your background colors to hf3, hf7, and hf9 like this (for example) –
.hf3 {
background-color: #f2f2f2;
}
Thanks, I tried to do it but it does not work. I do something wrong?
/* Home Feature Classes */
/*You can add background images/colors to each section of the homepage by adding them to the classes below.
*/
.hf1,
.hf3,
.hf4,
.hf5,
.hf6,
.hf7,
.hf8,
.hf9,
.hf14 {
-webkit-background-size: cover;
-moz-background-size: cover;
background-attachment: fixed;
background-repeat: no-repeat;
background-size: cover;
}
.hf1 {}
.hf3 {}
.hf4 {}
.hf5 {}
.hf6 {}
.hf7 {}
.hf8 {}
.hf9 {
background-color: #f2f2f2;
}
.hf14 {}
After one day the code worked (perhaps through the update of wordpress). But now I tried to change the color and it does not work. I empty the cache and update, I do not understand!
I don’t see any code added for hf3 or hf7, it looks like you only added a color to hf9.
When you make updates to your css make sure and hit your reload button on your browser so it will clear the cache and enable you to see the latest changes instantly.
It was a problem of my device.
Thank you very much
You’re Welcome!
Just let us know if you run into any other issues, I’d be more than happy to help.