Tagged: , ,

Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • May 12, 2016 at 7:53 pm #631562
    1039 Online

    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: https://snag.gy/lzqEW6.jpg

    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.

    May 13, 2016 at 4:37 pm #632149
    Yigit

    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,
    Yigit

    May 18, 2016 at 4:14 pm #634603
    1039 Online

    Thank you.

  • Author
    Posts
Viewing 3 posts - 1 through 3 (of 3 total)
  • The topic ‘Promo box text overlaps button’ is closed to new replies.