- This topic has 6 replies, 2 voices, and was last updated 9 years, 5 months ago by .
Viewing 7 posts - 1 through 7 (of 7 total)
Viewing 7 posts - 1 through 7 (of 7 total)
- You must be logged in to reply to this topic.
Home › Community Forums › Epik Theme Support › Change color of the box surrounding home feature 1 and 2
Hi,
I found a way around the problem I was having creating an opt-in for 2 different languages but for it to work I need to know how to change the color of the home-feature-bg-alt but only for the box surrounding the home feature 1 and 2. When I tried to change the color it changed all the other widgets further down the page too as they are also wrapped in this div. Is there a way that I can change the color for just this one? Or an alternative would be to make the home feature 1 and 2 span the entire width of the page. Not sure which option is the easiest?
Thanks!
Abigail
You have to replace the div that surrounds it with your own – home-feature-bg or home-feature-bg-alt. They reuse the divs so they don’t have to keep adding new code for each widget. So just create your own in the home.php file, and make sure and add your css to style it however you want.
Hi Scooby thanks for the reply but I am still a little confused. It’s great to know it can be done but I am not sure what I am editing exactly? Do I just add something in?
Thanks
Abigail
Depending on which version you’re using you’ll see an ID or class called – home-feature-bg or home-feature-bg-alt in your home.php file. Your home.php file is where all of this is taking place, so simply change the one div that surrounds the widget you want to change and then add a new ID/Class….then style it in your css.
Hi, thanks for all the help so far, I have managed to change the color now but I cannot figure out the best way to get the text and input boxes looking evenly spaced across the page whilst still looking good on model, everything I do either makes it look good on the web but not on mobile or the other way around. Right now there is too much space in the middle between the text and the input boxes how can I edit that but still keep it looking good on mobile?
If you have a link I can take a look to see what it could be.
sure here it is – http://www.minovalleyfarmsanctuary.org