Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #883200

    AHoy,

    There is a ton of white space above and below the quote on my page. I can’t figure out why and how to shrink. Mobile looks better than desktop version. Less white space on the top. Bottom is still a bit much.

    Please Advise

    #883821

    Hey mcraig77,

    Please try the following in Quick CSS under Enfold->General Styling:

    .page-id-957 #av_section_1 .content {
      padding:0 !important;
    }

    Best regards,
    Rikard

    #884012

    When I add that code it does make the white space better on desktop but than on mobile the title in the gray box overlaps the picture. Anyway to remedy? It also moves up the gray box on desktop which I dont want…

    Please Advise

    #884868

    Hi,

    Try using this css code:

    .page-id-957 #av_section_1 .content {
        padding-top: 50px !important;
        padding-bottom: 50px !important;
    }
    
    .page-id-957 #av_section_1 .content .flex_column_table {
        margin-top: -50px !important;
    }

    Let us know if this helps.

    Best regards,
    Nikko

    #885773

    Close, is there anyway to still have this section still overlap? See Screenshot

    #886026

    Hi,

    Try replacing the code I gave to this one:

    .page-id-957 #av_section_1 .content {
        padding-top: 50px !important;
        padding-bottom: 50px !important;
    }
    
    .page-id-957 #av_section_1 .content .flex_column_table {
        margin-top: -100px !important;
    }

    Best regards,
    Nikko

    #886235

    That works. Thanks!

    #886263

    Hi,

    Great! If you need additional help, please let us know here in the forums.

    Best regards,
    Jordan Shannon

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