White background for widgets – Lifestyle Pro theme

[reemalhashmi]

Hello there!

I am using the Lifestyle Pro theme and have two widgets in the footer 2 and 3 areas of the theme. On the footer 2 I have a text widget (one containing twitter) and the footer 3 has the (Genesis eNews Extended widget). What I want is to have both their backgrounds white instead of transparent, so that the teal doesn't show. Also, I may need to change the colour of the borders later on.

How can I code this?

Thanks in advance!

http://www.reemalhashmi.com

[JanHoek]

Is this what you mean?

.footer-widgets-1, 
.footer-widgets-3 {
background-color: #fff;

---

Hi, my name is Jan Hoek. Sure, they all say I have a big head, but I like to think it’s way too small for all my ideas.

[reemalhashmi]

Yes that's what I meant! Although there is now a white rectangle under the widgets, I think it has something to do with padding/margins? I tried playing around with the values but nothing worked, I don't exactly know how to fix it.

[JanHoek]

.footer-widgets .widget {
margin-bottom: 0;

.footer-widgets {
padding-bottom: 32px;

---

Hi, my name is Jan Hoek. Sure, they all say I have a big head, but I like to think it’s way too small for all my ideas.

[reemalhashmi]

At first I just blindly copied what you wrote onto my code, and that messed things up but I then added the margin bottom and padding bottom parts to their respective places (under .footer-widgets .widget {, and .footer-widgets { respectively) and it worked!! Hooray! Thank you 🙂 I know nothing about coding so this is great!

[JanHoek]

You're welcome. Please set this topic to Solved if you have no further questions. Good luck with your design.

---

Hi, my name is Jan Hoek. Sure, they all say I have a big head, but I like to think it’s way too small for all my ideas.

[Author]

Posts