Tighten up Landing Page sections

  • Author
    Posts
  • #107337
    Tark Henderson
    Power User

    I need to reduce the amount of padding / margins between each of the section types on the Landing Page.

    We are using Slider, Text Box 0, and Featured Boxes 1 so far.. and have Way Too much space between them.

    #107401
    Zed
    Cryout Creations mastermind

    You can adjust the vertical spacing for all the landing page sections with some custom CSS:

    .esotera-landing-page .lp-blocks-inside,
    .esotera-landing-page .lp-boxes-inside,
    .esotera-landing-page .lp-text-inside,
    .esotera-landing-page .lp-posts-inside,
    .esotera-landing-page .lp-page-inside,
    .esotera-landing-page .lp-section-header,
    .esotera-landing-page .content-widget {
        padding-top: 2em;
        padding-bottom: 2em;
        margin-top: 2em;
        margin-bottom: 2em;
    }
    .esotera-landing-page .lp-section-header {
        padding-bottom: 0;
        margin-bottom: 0;
    }

    You can adjust the values as needed (they default to 5em for margins and 3em for paddings).


    If you like our creations, help us share by rating them on WordPress.org.
    Please check the available documentation and search the forums before starting a topic.
    #107416
    Tark Henderson
    Power User

    Wonderful, thank you again for a great answer. I’ll try it out later on today.

    #107418
    Tark Henderson
    Power User

    This tightens up the INSIDE of the sections, which is good, But I need to reduce the GAP between the sections.

    Like right now it is this way ( – represents the gap, which is a band of blank space):

    Text Box 0


    Featured Content 1


    Footer

    I need it as:
    Text Box 0

    Featured Content 1

    Footer

    Any Clues? Thanks!

    #107711
    Zed
    Cryout Creations mastermind

    That styling covers both inner spacing (padding) and outer spacing (margins).


    If you like our creations, help us share by rating them on WordPress.org.
    Please check the available documentation and search the forums before starting a topic.
Viewing 5 posts - 1 through 5 (of 5 total)

The topic ‘Tighten up Landing Page sections’ is closed to new replies.