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
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
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
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
Close, is there anyway to still have this section still overlap? See Screenshot
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
That works. Thanks!
Hi,
Great! If you need additional help, please let us know here in the forums.
Best regards,
Jordan Shannon