Viewing 8 replies - 1 through 8 (of 8 total)
  • Hey there angelovska,

    How are you doing today?

    If your theme doesn’t have option to add background color to your footer this is something that we could do with some custom CSS, I’ve checked the theme demo and you should be able to easily change background color of the footer with some custom CSS.

    To do that please try adding the following CSS code in the style.css file of your child theme or if your theme doesn’t have custom CSS tab add it in your site using the following plugin:

    http://wordpress.org/plugins/simple-custom-css

    .footer-widgets {
        background-color: #252525;
    }

    Replace the color hex value to display another color. You can use sites similar to this one to get hex value for the color of your choice: http://www.color-hex.com/

    Hope this helps 🙂

    Cheers,
    Bojan

    Thread Starter angelovska

    (@angelovska)

    Hi, thanks for your response. 😀 I have a child theme and I did this. But this changes the footer where the widgets go. I want to change the site-footer. Actually I want only one footer, and I want a background picture. I tried with adding a backround picture on site-footer in my style.css file, but it didn’t change anything. Example footer

    Hey again,

    Oh I see what you mean, well you can also add background image to an element with CSS, to do that you can try adding the following:

    footer#colophon {
        background: url(your_image_URL);
    }

    Replace the dummy URL with the actual image URL and the image will be displayed instead of a color for that part of the footer.

    Cheers,
    Bojan

    Thread Starter angelovska

    (@angelovska)

    It just goes white. 🙁 I also tried with background-image, it doesn’t change. Also how can I make it bigger? Thanks again

    Hello there,

    Make sure you put an absolute path of your image background, i.e. http://yoursite.com/path/to/your/image.jpg.

    Regards,
    Kharis

    Hey angelovska,

    In regards to the image not being displayed what @kharis mentioned is most likely the case, you can copy the URL from the image page in media library http://screencast.com/t/caM2f9Ch.

    As for making it bigger we can also do that with some custom CSS so can you please post link to your site so I can take a look?

    Cheers,
    Bojan

    Thread Starter angelovska

    (@angelovska)

    Thanks a lot, I did it. 😀

    Awesome!

    Have a great day!

    Cheers,
    Bojan – WPMU DEV

Viewing 8 replies - 1 through 8 (of 8 total)

The topic ‘Footer backround’ is closed to new replies.