Help Changing Color on background boxes in footer widgets

Community Forums Forums Design Tips and Tricks Help Changing Color on background boxes in footer widgets

This topic is: not resolved

This topic contains 6 replies, has 2 voices, and was last updated by  jcaustin 1 year, 4 months ago.

Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • #46583

    jcaustin
    Participant
    Post count: 4

    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.com
    #46602

    Aaron Hartland
    Participant
    Post count: 37

    In 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+

    #46611

    jcaustin
    Participant
    Post count: 4

    Thanks, 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

    #46617

    Aaron Hartland
    Participant
    Post count: 37

    Ahhh, 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+

    #46714

    jcaustin
    Participant
    Post count: 4

    Thanks 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

    #46734

    Aaron Hartland
    Participant
    Post count: 37

    I 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+

    #46735

    jcaustin
    Participant
    Post count: 4

    Sorry, I found the problem and fixed it. Thank you for all your help!!!

Viewing 7 posts - 1 through 7 (of 7 total)

You must be logged in to reply to this topic.