How to remove white space on front page 3

This topic has 4 replies, 2 voices, and was last updated 6 years, 10 months ago by Wes.

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

Author

Posts
June 17, 2017 at 1:31 pm #21569
jamesc8913
Customer
Hi Wes, please see the screenshot link below. I have drawn on it, so you can see what I’m referring to.

How can I eliminate the white space here? This happens when I don’t use front page 3. However, I’m only not using it because of its white background. So, I either need to remove all the white space or be able to put a background image on front page 3, so I can use it. Either should work for what I’m trying to accomplish. Thank in advance!
June 18, 2017 at 6:59 pm #21594
jamesc8913
Customer
Any ideas on this one?
June 19, 2017 at 4:42 am #21595
Wes
Moderator
That white space is actually the Body background (which can be found around line 154). The front-page-2 widget is only 1000px wide, and the orange you see covers the entire area of the fp2 widget. Since the fp2 widget is pushed up with margin-top: 160px; the only thing that can show on the sides of that area is the body background color.

You can try changing the body background on the homepage itself to make it match the widget you’re using under it by adding something like this –
```
body.home {
	background-color: #fffcf7;
}
```
You’ll have to either adjust the color of the body, or adjust the background image in the widget below fp2 in order to get it to match perfectly.
June 19, 2017 at 7:45 am #21599
jamesc8913
Customer
Thank you Wes! Again, your support is top notch and much appreciated.
June 21, 2017 at 2:24 pm #21619
Wes
Moderator
You’re Welcome!
Author

Posts

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

The topic ‘How to remove white space on front page 3’ is closed to new replies.