Home>Support>Custom background and Favicon

Custom background and Favicon

By Iain McMullen, 10 years ago. Last reply by Andrew Misplon, 10 years ago.

Hi

Firstly, many thanks for this excellent theme and the top class support I have been given in the past – it makes working with Vantage a pleasure.

I have a couple of questions however.

1. Is it possible to add a favicon to the theme with custom CSS or any other code?

2. How would I set a different background on an individual page (between the header and footer)?

Thanks!

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

  1. 10 years, 1 month ago Andrew Misplon
    Hi, I Work Here

    Hi Iain

    Thanks for the positive feedback.

    1. My recommendation is to use: http://wordpress.org/plugins/all-in-one-favicon/.

    2. Something like this under Appearance > Custom CSS:

    /* Vantage Page Specific Background Image */

.home #main {
background-image: url(“http://localhost/so/wp-content/uploads/2014/08/wallpaper-2996530.jpg”);
}

    .home needs to be replaced with the unique body class for the page. Inspect the page’s code, find the body tag near the top and grab the unique class from the tag. For this page we’re on it’s .postid-3529

  2. 10 years, 1 month ago Iain McMullen

    Hi Andrew

    Thanks for the reply. I’ve tried adding the code to Appearance>Custom CSS but have had no joy. This is the page I have tested it on

    http://www.footballandthefirstworldwar.com/frank-hesham/

    and this is the url to the image

    http://www.footballandthefirstworldwar.com/wp-content/uploads/2014/08/trenchmap.jpg

    This is the code that I have put into Custom CSS – is this correct?

    /* Vantage Page Specific Background Image */

    .pageid-8052 #main {
    background-image: url(“http://www.footballandthefirstworldwar.com/wp-content/uploads/2014/08/trenchmap.jpg”);
    }

    Thanks

  3. 10 years, 1 month ago Iain McMullen

    I’ve also tried this code:

    /* Vantage Page Specific Background Image */

.postid-8052 #main {
background-image: url(“http://www.footballandthefirstworldwar.com/wp-content/uploads/2014/08/trenchmap.jpg”);
}
  4. 10 years, 30 days ago Andrew Misplon
    Hi, I Work Here

    To confirm, the page class you need there is:

    page-id-8052

    So the selector would need to be:

    .page-id-8052 #main {
background-image: url(“http://www.footballandthefirstworldwar.com/wp-content/uploads/2014/08/trenchmap.jpg”);
}

    Give that a try.

  5. 10 years, 30 days ago Iain McMullen

    Thanks again but still no luck – it’s still showing the default background page colour.

  6. 10 years, 29 days ago Andrew Misplon
    Hi, I Work Here

    The inverted commas got incorrectly formatted, see how they are slanting. Just re-do those in the CSS editor. Sorry I missed that.

  7. 10 years, 29 days ago Iain McMullen

    Brilliant – that worked!

    Thanks for your help

  8. 10 years, 29 days ago Andrew Misplon
    Hi, I Work Here

    Win! glad that helped. All the best.

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