Return to previous page

Background color of the pages - by designerobot

This topic has 10 replies, 3 voices, and was last updated 7 years, 5 months ago ago by Rose Tyler

designerobot

Participant

July 8, 2017 at 00:39

I’m not able to change the background color of the pages.

I tried both in ThemeOptions/ColorScheme (that for example now is set on yellow, to do this test) and both in the single page (for example the home now is set on green).

But every page has a white background. Is this a bug or I need to change some option?

Please, contact administrator
for this information.

#167374 Copied

9 Answers

Amzy Leel

Participant

July 8, 2017 at 06:41

Hello,

You can see yellow background in your pages now.

check theme options >> custom css >> global custom css and change the color as you want

Regrads,

#167385 Copied

designerobot

Participant

July 8, 2017 at 10:19

Hi, thanks for your reply.

I see you have inserted “.page-wrapper { background-color: #ff0; }” in “theme options >> custom css >> global custom cs”

But in this way only a part of the page is yellow. The bottom part, from to the footer to end of the page is still white. What I need to write to have also this part colored?

Moreover, I’ve not still solved the problem… in this way I’ve all pages in one color.
Why, as asked before, I’m not able to set a main color for the entire website in “theme options >> color scheme >> site background” and after a color only for a single page in “pages >> … >> page background” ?

I would like to set everything using these settings in order to do every page different.

Why the settings don’t work?

#167391 Copied
Rose Tyler

Support staff

July 10, 2017 at 10:46
Hello,

The option (Theme Options > Color Scheme > Site Background) works for Boxed layout. To change background color for full width layout Wide you need add this code in Theme Options > Custom CSS > Global Custom CSS:
```
.st-content {
    background-color: black;
}
```
Regards,
Rose Tyler.
#167470 Copied
designerobot

Participant

July 11, 2017 at 14:43

I tried but it doesn’t work. See the code in Gobal Custom CSS and after the result.

Moreover, if this would work a day, it will work on all pages, right?
There is a way to set it only for one page (the home for example)?

#167613 Copied

Rose Tyler

Support staff

July 12, 2017 at 08:48

Hello,

Please clear cache and check your site now. You can add the code in Custom css for page http://prntscr.com/funibf

Regards,
Rose Tyler.

#167688 Copied

designerobot

Participant

July 12, 2017 at 10:09

Thank you, now it works!
I removed the code from Custom CSS and put it in Child Theme and it works too.

Anyway, this now works for the entire website… there is a way to have it only on the home page? Why doesn’t the option “color background” in the page work?

#167704 Copied

Rose Tyler

Support staff

July 12, 2017 at 10:20

Hello,

You’re welcome!
Go to Edit home page > http://prntscr.com/funibf and add the code.
The background option works only for Boxed layout.

Regards,
Rose Tyler.

#167706 Copied

designerobot

Participant

July 12, 2017 at 13:11

Thank you very much Rose Tyler!

#167732 Copied

Rose Tyler

Support staff

July 12, 2017 at 13:12

You’re welcome!

Regards,
Rose Tyler.

#167733 Copied
Viewing 10 results - 1 through 10 (of 10 total)