Distance between Header Image and Text

Play around with the “90px” value – hope it helps u

/* remove the extra padding between heading and paragraph on pages*/
.module {
padding: 90px 0 !important;
}

Hi Folal01

Thanks for your reply
I just tried your code and unfortunately it just changes the height of the banner itself as opposed to the distance between “it” and the wording.

See the About Page and the gap between the white words and the banner “ball and grass picture” https://kapitioldboyscricket.co.nz/about/

I’m using shopisle theme and wondering if it reacts different to other themes for this issue as everyone I’ve seen post this question has not found an answer on this forum.

Technically it would work if there were no banner there as the theme seems to ignore the fact there’s a banner in-between the top menu items text and the body text. really not sure how to get around this.

• This reply was modified 7 years, 5 months ago by jessy2363.

Hi @jessy2363

Thanks for contacting us.

please go to Appearance > customize > Additional CSS
and paste below code

.page-header-module.module {
    padding: 100px 0 50px;
}

Let me know how it goes.

Thanks

• This reply was modified 7 years, 4 months ago by harshvardhan singh.

Hi Wpcoderguy

Thanks for replying

It still only shrinks the banner as opposed to the distance between the words and the bottom of the banner.

Hello @jessy2363,

Do you want to reduce the gap here https://prntscr.com/hsuqdx?

If yes try the following solution:

.page-id-24 .module {
    padding: 60px 0px;
}

Let me know how it goes.