white space

  • Resolved marjolein_1

    (@marjolein_1)


    9 years, 6 months ago

    Hi,

    I am designing a website and I would like to reduce the white space between the header and the title(+text).

    https://testsitetest.marjoleinbartels.nl/de-praktijk-2

    There is too many white space I think on the upper side.
    I would like to keep the white space on the left and right (it is 2cm right now).
    Do you know how to change only the upper side in less white space? Because when the padding is 0cm, the white space is smaller on the upper side.

    I would like to have the padding on the upper side 0cm, left 2cm, right 2 cm and bottom also 0cm.

    Hope someone’s knows it.
    Thank you!

Viewing 4 replies - 1 through 4 (of 4 total)
  • Theme Author Andrew Misplon

    (@misplon)

    Hi @marjolein_1

    Thanks for reaching out.

    The padding you’re dealing with is coming from Page Builder. Page Builder unfortunately at the moment only has an all round row padding setting. Soon there will be a padding setting for each side. To correct, edit the row in question by clicking the wrench icon far right then:

    Edit Row
    Layout Tab
    Padding > Clear that field, remove your current value

    Next click the Attributes tab at the top right and enter a CSS class name in the first field:

    custom-row-pad

    Next go to your Custom CSS plugin, Appearance > Custom CSS and target that class:

    /* Custom Page Builder Row Padding */
.custom-row-pad {
padding: 0 2cm;
}

    That will add right and left.

    Let me know if you need to pad the entire site like this. If so, it’s better we adjust the site content main container width.

    Thread Starter marjolein_1

    (@marjolein_1)

    Hi @misplon,

    Thank you for your explanation!
    I tried it, but it doesn’t work.. the 2 cm padding on right and left.

    Do you know when Page Builder is coming with new version for padding?

    Yes I would like to have it on each page, except for the home page. I would like to have the padding on the upper side on zero(or smaller at least) because then the website visitors can see more without scrolling.

    Is it possible to adjust the whole site content main container width, except for the home page? Otherwise I will wait for the new page builder version.

    Thank you for your help!

    Theme Author Andrew Misplon

    (@misplon)

    I can’t say unfortunately, it’s in the works, no release date yet.

    Please remove the CSS we previously added and add this instead:

    /* Main Content Container */

body:not(.home) .site-content .container:first-of-type {
  padding-right: 2cm;
  padding-left: 2cm;
}

    You’ll then need to remove the row padding added to all your Page Builder rows.

    Theme Author Andrew Misplon

    (@misplon)

    Hi @marjolein_1

    Hopefully you’ve made progress. I’m going to resolve this thread for now. If still need a help with this question, please update the thread.

    All the best ??

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘white space’ is closed to new replies.