Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
  • #631562

    I wanted to have the text in my promobox button be set to 2em, but the main content overlaps the button, so I changed the size of the button text to 1.5em, However, there is still a tiny bit of overlap depending on the size of the screen. I have tried adjusting the width $ for the content and the button, as well as changing the right padding for the content, but neither solution is satisfactory when it comes to responsiveness.

    See screenshot:

    I don’t have the problem if the content is set to H2, but the overlap does occur if I set the content to be H3.


    Hey 1039 Online,

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

    .avia-promocontent {
        margin-right: 250px;

    Best regards,


    Thank you.

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

The topic ‘Promo box text overlaps button’ is closed to new replies.