Change background color / border

Tagged: background color, border

This topic has 1 reply, 2 voices, and was last updated 5 years, 5 months ago by Wes.

Viewing 2 posts - 1 through 2 (of 2 total)

Author

Posts
October 10, 2017 at 4:35 pm #22020

patrick
Customer

I am using the Vintage theme and wanted to know how to go about changing the background color. I wanted to use a light gray background rather than a pure white background.

If possible i’d also like try to using a light gray background with a border around the main content area and white background for the main content.

Not sure which style i’d prefer.

Any help would be greatly appreciated.

Thanks

October 10, 2017 at 9:21 pm #22028
Wes
Moderator
Sure, what’s the link to your site?

By default you can change the main background color around line 155 in your style.css –
```
body {
	background-color: #fff;
	color: #333;
	font-family: 'Open Sans', sans-serif;
	font-size: 20px;
	font-size: 2.0rem;
	font-weight: 300;
	letter-spacing: .8px;
	line-height: 1.625;
	margin: 0;
}
```
Next you can either remove or change the background for the .site-inner section around line 628 –
```
.site-inner {
    background-color: #fff;
    clear: both;
    margin: 140px auto 40px;
    position: relative;
    z-index: 9;
    -word-wrap: break-word;
}
```
The .site-inner background color covers the main content and sidebar. You can change the width of that entire section if you wanted to add padding, border, etc
Author

Posts

Viewing 2 posts - 1 through 2 (of 2 total)

You must be logged in to reply to this topic.