This thread is over two years old and may be outdated. Please create a new thread if you need help, or email us if you have an active Premium license.

Custom background and Favicon

Resolved 8 replies premiumthemetheme-vantage
Iain McMullen
11 years ago · Last reply by Andrew Misplon 11 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.

Need fast email support? Get SiteOrigin Premium

Replies

8
  1. Andrew Misplon Staff 11 years, 6 months ago

    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. Iain McMullen 11 years, 6 months ago

    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. Iain McMullen 11 years, 6 months ago

    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. Andrew Misplon Staff 11 years, 6 months ago

    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. Iain McMullen 11 years, 6 months ago

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

  6. Andrew Misplon Staff 11 years, 6 months ago

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

  7. Iain McMullen 11 years, 6 months ago

    Brilliant – that worked!

    Thanks for your help

  8. Andrew Misplon Staff 11 years, 6 months ago

    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.

Have a different question or issue?

Start New Thread