Centric Home Page Widget 1

[rayman]

Hello,

I would like to have some direction on how to reduce the blank space at the top and bottom of the home page widget one in which i have the genesis responsive slider.

Many Thanks
Ray
http://mauiprepboarding.org/

http://mauiprepboarding.org/

[Christoph]

Hi,

1. To reduce the white space after the "slider widget"
change/reduce the value of the padding-top around line 1403 of the style.css
That's what it looks like now:

.home-widgets .widget:first-child {
    padding-top: 140px;
}

2. To reduce the "green space" after the slider, change the padding around line 1448 of the style.css

This is what the code looks like now:

.home-featured .home-widgets-1 {
    display: table-cell;
    vertical-align: middle;
    width: 100%;
    padding: 200px 0px;
    font-size: 20px;
}

Change the padding to something like this:
padding: 200px 0px 100px 0px;

Adjust the 100px to size the "green space" after the slider to your liking.

This is what the new code would look like:

.home-featured .home-widgets-1 {
    display: table-cell;
    vertical-align: middle;
    width: 100%;
    padding: 200px 0px 100px 0px;
    font-size: 20px;
}

Hope this helps!
Christoph

---

https://www.christophherr.com | Genesis Customizations | Buy me a coffee

[rayman]

Thanks Christoph

I've been sick so only just getting to this.

I have a couple of other issues with the site, in Chrome and Safari the slideshow displays at a significantly smaller size but in Firefox and IE is fine, any ideas what's causing that?

And is it at all possible to get rid of the bump feature of the header?

Thanks
Ray

[Christoph]

That´s interesting behaviour in Chrome...

Around line 1443 try changing

.home-featured .wrap {
	margin-top: -160px;
	max-width: 782px;

to

.home-featured .wrap {
	margin-top: -160px;
	max-width: 1220px;

I´m not sure what you mean by "bump feature".

---

https://www.christophherr.com | Genesis Customizations | Buy me a coffee

[rayman]

Awesome Christoph, that was it!

The bump feature in the header is it's size change when you begin to scroll down.

Thanks man it's much appreciated

Ray

[Author]

Posts