General Support: Background colour

Posted by Deleted User on

I am using the Modern Theme and wondered if there is a way of changing the background to the main part of the page. At present it is white and wondered if you could for example change it to a light gray. 

The reason I ask is that for some people the white background makes it more difficult to read.

Thanks

2: Re: Background colour (response to 1)
Posted by Voice Admin on

Yeah you can, but you'll have to add it as a custom CSS rule in your own CSS file. This is quite easy to do as I'll now explain...

In a text editor create a new file and put in the contents:

#content, .title-divider, .title-divider span {
  background-color: #eee;
}

Save it as "custom.css" or something.

Then go to your site's admin panel, and go to Content Management -> Assets Library, and click on Add Custom Theme.

On that page click the Browse button and select your custom.css file. Call it whatever you like - "custom" will do.

Now that the CSS file is added, you then just need to configure the Modern theme to use it. So in the site admin pages go to Look & Feel, and click the Options button for the Modern theme.

On the Extra CSS File entry click Select from Assets Library, and select your "custom" file that you added earlier.

Then save the settings, and all being well the site will have a grey background for the main body.

I have done these exact steps on the Voice Demo Site and so you should see on there what effect it has. I think it looks good!

Thanks

Joe

3: Re: Background colour (response to 2)
Posted by Deleted User on

Thanks Joe that worked a treat!

 

Joe

4: Re: Background colour (response to 3)
Posted by Voice Admin on

I notice that on your site, some of the areas now don't look so good as they have white background instead of the grey you set up. So you could try this rule to get a bit more!

#PageBody, .title-divider, .title-divider span {
  background-color: #eee;
}

Joe

5: Re: Background colour (response to 4)
Posted by Deleted User on

Joe

 

Thanks for that works a treat and it does look better :)

 

Joe