Community Forums › Forums › Archived Forums › Design Tips and Tricks › Help Changing Color on background boxes in footer widgets
- This topic has 6 replies, 2 voices, and was last updated 10 years, 10 months ago by jcaustin.
-
AuthorPosts
-
June 18, 2013 at 11:53 am #46583jcaustinMember
I am working on lemediademo.com and I am trying to change the dark gray boxes around the footer widgets to a lighter gray. I am working in Decor child theme. I can't find it in the code anywhere. Any ideas?? I am also having a problem making all the footers on all the pages look the same. Can someone help please???
http://www.lemediademo.comJune 18, 2013 at 1:41 pm #46602Aaron HartlandMemberIn you child theme's style.css file, find this:
`#footer-widgets .widget {
background: url(images/black-transparent.png);
border: none;
margin: 0 0 15px;
padding: 30px;
}`and change the "background" to whatever color (or image) you want.
something like:
`#footer-widgets .widget {
background: #555;
border: none;
margin: 0 0 15px;
padding: 30px;
}`All the the footers look the same to me. Can you be more specific?
Aaron Hartland | http://www.aaronhartland.com
Twitter | Facebook | LinkedIn | Google+June 18, 2013 at 2:18 pm #46611jcaustinMemberThanks, that worked. The other part is if you look at the footer widgets and the footer (where the copyright and info is) on the home and compare it to the Chamber Chatter page you will see the difference. The home page is different from the other pages. The other pages have a white box around all 3 footer widgets and a white box and graphics around the footer(copyright and return to top). I prefer the setup for the home page, but can't figure out why they are different.
Thanks for all your help.
Website: http://www.lemediademo.com
June 18, 2013 at 2:38 pm #46617Aaron HartlandMemberAhhh, I see it now... and It's on the StudioPress demo site too. This is being added by this CSS:
`.page .wrap,
.post .wrap {
background: #fff url(images/post-swirl.png) no-repeat right bottom;
}`
BUT... assuming you still want the little swirls at the bottom right of each post, I wouldn't delete this. Rather, you could just set the background for the footer widgets and footer to transparent:
`.footer .wrap,
.footer-widgets .wrap {
background: transparent;
}`
Aaron Hartland | http://www.aaronhartland.com
Twitter | Facebook | LinkedIn | Google+June 19, 2013 at 6:26 am #46714jcaustinMemberThanks for all your help. That did work. I have 1 last question about the white border around the footer widgets. If you look at my home page - that is how I would like it to look (with the url(images/bg-footer-widgets.jpg). But if you look at the chamber chatter or any of the other pages there is a white box around the footer widgets and it has that swirl graphic as well. Do you have any idea what I need to change to fix that???
Thanks again for all your help!!
Website: http://www.lemediademo.com
June 19, 2013 at 7:42 am #46734Aaron HartlandMemberI don't see the whitebox/swirl when I look at the chamber chatter page. The fix above should take care of that.
Aaron Hartland | http://www.aaronhartland.com
Twitter | Facebook | LinkedIn | Google+June 19, 2013 at 7:45 am #46735jcaustinMemberSorry, I found the problem and fixed it. Thank you for all your help!!!
-
AuthorPosts
- The forum ‘Design Tips and Tricks’ is closed to new topics and replies.