How to have a different background on an individual page using the Superflat theme,

  • 1
  • Question
  • Updated 2 years ago
  • Answered
Hi,
I am using the Superflat theme and want to know, is it possible to change the background of one individual page?
For example I have five pages on website four pages have an image background but I need one page to have a different background to the others, is this possible with the Superflat theme.
I know how to use the Style Designer change backgrounds, fonts size and colour and so on but can’t see a way to make changes to an individual page, if it’s not possible any suggestion on how I can achieve this.
Thanks
Photo of Richard Scott

Richard Scott

  • 37 Posts
  • 2 Reply Likes

Posted 5 years ago

  • 1
Photo of Stefan

Stefan, Official Rep

  • 4448 Posts
  • 190 Reply Likes
Hello Richard

You should be able to have an individual background for a particular page. To do this, you won't use the Style Designer as you're right that this feature applies changes throughout your website.

Please follow these instructions:
  1. Open your website in the Sitebuilder.

  2. Open the particular page for which you'd like to change the background.

  3. Click on the Page tab.

  4. In the Page Properties area, click on the "Background" icon.

  5. Edit your background by choosing a different colour or a different background image.

  6. Leave the "Apply to all pages" box unchecked.

  7. Click on the "OK" button.

  8. Check the result in Preview.
Photo of Richard Scott

Richard Scott

  • 37 Posts
  • 2 Reply Likes
Thanks for the quick response.

When I follow your instructions using the Superflat theme I am taken to the Style Designer. Sorry if I'm being dumb but Superflat does not seem to act like other themes and give you the option to change individual pages.

Any suggestions on how I can sort this out.

Again thanks for the quick response and help.
Photo of Gop

Gop

  • 7473 Posts
  • 2115 Reply Likes
Hello Richard,

After selecting a background image and saving it then it asks if you wish to add the background to all pages. This is the last step in the background selection procedure. Answer in the negative and it will only use it for your current page.

Photo of Richard Scott

Richard Scott

  • 37 Posts
  • 2 Reply Likes
Gop thanks very much for your response.

That’s what I was expecting to see but the option does not show. I gave Chrome a try instead and it worked fine so seems Firefox is the issue.

Thanks all for your help,
Photo of Daniel Molnar

Daniel Molnar

  • 5 Posts
  • 0 Reply Likes
Related question, my theme doesn't have the special editor, it is the same as above,
When I click "no" it keeps separate images, but the other settings are shared it seems, like "Auto / Cover / Contain", I can't seem to use patterns on some pages combined with full photos on others
Photo of Gop

Gop

  • 7473 Posts
  • 2115 Reply Likes
Hello Daniel,

When you customise a new page with a different background, does it offer the new parameter change  such as the "cover style"? If it does and you select a different "cover style" parameter then does this new entry change all existing page background "cover style" patterns?
Photo of Daniel Molnar

Daniel Molnar

  • 5 Posts
  • 0 Reply Likes
I believe it did, because if I change one page to cover, the pattern also covers the page. Auto also didn't work to solve it as one of my pictures that should have covered didn't automatically cover the screen.
Photo of Gop

Gop

  • 7473 Posts
  • 2115 Reply Likes
I think "auto" is for tiling and it may not be apparent until you refresh your page after selecting. I've noticed some non-instant responses also. So I presume auto is used for pattern swatches. Cover for single non-repeating type images.

If you have different images for your background on various pages and you select auto for one, does that affect other pages cover pattern? 

There are a lot of variables in this such as image size for non-patterns. eg if the image size is greater than or equal to your screen size then "auto" may not have an apparent affect. 
(Edited)