Feature request: picture background header/page

  • Resolved clickso

    (@clickso)


    2 years, 8 months ago

    Hi. Just found your theme yesterday trying to get ready to do a few personal sites and I am trailing it on a community page first.
    Is there a possibilty to add a picture background to either the whole page to appear behind the content wrapper, or have it as a background for the header?
    Thanks, I ended up buying the theme last night because it was so clean.

Viewing 3 replies - 1 through 3 (of 3 total)
  • Theme Author Ben Sibley

    (@bensibley)

    Thanks so much for upgrading!

    You can try this CSS for putting an image behind the content of the whole site:

    body {
	background-image: url('https://images.unsplash.com/photo-1571778162397-4ae65c6d33c0?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=3687&q=80');
	background-size: cover;
}

    Please copy and paste that code into the Additional CSS section in the Live Customizer (Appearance > Customize), and it will take effect right away.

    Or, this CSS will place the image behind only the site header:

    .site-header {
	background-image: url('https://images.unsplash.com/photo-1571778162397-4ae65c6d33c0?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=3687&q=80');
	background-size: cover;
}
.primary-header {
	background: none;
}

    If it needs any tweaking, please share a URL to your site so I can check it out.

    Thread Starter clickso

    (@clickso)

    Thanks so much Ben. It works perfectly.

    Theme Author Ben Sibley

    (@bensibley)

    You’re welcome! Stay in touch if you need anything else and I’ll be happy to help.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Feature request: picture background header/page’ is closed to new replies.