Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
  • #771384

    Hello. I can’t seem to figure out why the promo box and heading 2 are so tight without any margin between them. Please see here:

    This is the page where I took the screenshot from:

    Please advise.


    Hey ACNLatitudes,

    I am not seeing that section in the page you provided. Do I need to click on something first?

    Best regards,
    Jordan Shannon


    Sorry. Please refresh the page and then scroll down.



    Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:

    .av_promobox.avia-builder-el-last {
        margin: 50px 0!important;

    Best regards,


    Thanks. That worked great!

    On a related note, I’m trying to reduce the amount of space between those two green promo boxes. I tried using this code, but it didn’t resolve the issue:

    .av_promobox {
    margin: 20px 0!important;

    Any ideas on what else I should try?



    That should have worked. Can you please create a temporary admin login and post it here privately?



    OK. I have added the info to the private area. Thanks!



    I added following code to bottom of Quick CSS

    .onp-sl-content.onp-sl-overlap-mode { margin: 0 !important; }

    and corrected a comment in Quick CSS which was not opened correctly. Please review your website now

    Best regards,


    Perfect. Thanks so much!



    You are welcome! Let us know if you have any other questions or issues :)


Viewing 10 posts - 1 through 10 (of 10 total)

The topic ‘Problem with spacing between promo box and heading 2’ is closed to new replies.