Home>Support>change color of title bar on pages and footer bar everywhere

change color of title bar on pages and footer bar everywhere

By willb2400, 9 years ago. Last reply by Andrew Misplon, 9 years ago.

Hi my site is: lorchestra.co.uk

I’d like to change the colour of the black bar that the title sits on. This is on all pages other than home page.

I’d also like to change colour of footer background.

Can you help me?

URL: http://www.lorchestra.co.uk

This is our free support forum. Replies can take several days. If you need fast email support, please purchase a SiteOrigin Premium license.

  1. 9 years, 5 months ago Andrew Misplon
    Hi, I Work Here

    Hi Willb2400

    Thanks for reaching out.

    Go to Appearance > Custom CSS and insert the following:

    /* Focus Single Header */

#single-header {
  background: #1c1c1c;
}

/* Focus Footer */

.site-footer {
background: #2A2B2F;
}

    Edit the values there as required.

    Hope that helps :)

  2. 9 years, 5 months ago willb2400

    Thank you very much.

    However, I’m not sure the solid colors are working for me. Is it possible to replace with an image?

  3. 9 years, 5 months ago Andrew Misplon
    Hi, I Work Here

    Sure, upload your image to the Media Library, then click on the image, copy the link from the right column box. Then go to Custom CSS and change it as follows:

    /* Focus Single Header */

#single-header {
  background: url("http://yourimagelinkhere.com" repeat-x);
}

/* Focus Footer */

.site-footer {
  background: url("http://yourimagelinkhere.com") repeat-x;
}

    I’ve set that to repeat-x, that works well for patterns:

    http://subtlepatterns.com/

    However there is lots you can do with repeat and positioning:

    http://www.w3schools.com/cssref/css3_pr_background.asp

  4. 9 years, 5 months ago willb2400

    Thank you!!

  5. 9 years, 5 months ago Andrew Misplon
    Hi, I Work Here

    For sure :)

Replies on this thread are closed. Please create a new thread if you have a question, or purchase a SiteOrigin Premium license if you need one-on-one email support.

Get The Most Out of SiteOrigin with SiteOrigin Premium

Find Out More