Help with Spacing

  • kalenaradia

    (@kalenaradia)


    6 years, 1 month ago

    Hello! Could you please help me figure out how to solve the issue I have with spacing?

    The two areas that are annoying the crap out of me are under the header and under the testimonial widget.

    If you provide an answer, please do so in step by step form (from the beginning).

    Thanks!

    The page I need help with: [log in to see the link]

Viewing 3 replies - 1 through 3 (of 3 total)
  • paulwpxp

    (@paulwp)

    6 years, 1 month ago

    Go to Additional CSS
    https://codex.wordpress.org/Appearance_Customize_Screen#Additional_CSS

    and put this code in there
    .page .module {padding-top:30px;}

    it will reduce the space between main header and the title for Page content.

    For space under Testimonial widget, we can do nothing because it uses the height of the biggest element contained in the slider.

    Mr Case

    (@mr-case)

    6 years, 1 month ago

    Paul has the right idea, paste the code in your additional CSS spot. I went a little further with the CSS as you can see below. Copy and paste what you like. Change certain numbers to get what you want.

    /*adjust the height of the navbar at the top*/
.header-container {
    min-height: 100px;
}

/*adjusts the height of your header image*/
.page-header-module.module {
    padding: 240px 0 140px;
}

/*adjust the large space between content and header image*/
.module, 
.module-small {
    padding: 40px 0;
}
    Thread Starter kalenaradia

    (@kalenaradia)

    6 years, 1 month ago

    Great! Thank you both!

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Help with Spacing’ is closed to new replies.