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

    Hi Enfold support,

    I’ve got a problem with the promobox text button. This style is involved

    .avia-promocontent { margin-right: 200px; position: relative; z-index: 3;}

    Example :

    With the margin-right set to 200px; the <p> element is quickly overlapping the button and link is inactive on the left part of the button (example 1)

    “z-index: 2; ” is working, but does it break something in the overall css coherence ?

    If the button text is still larger (example 2), you have to change margin-width. A way not to change the margin-right value each time according to text length ?

    Thanks for your good work with Enfold



    Hi ouranos3!

    Please add following code to Quick CSS in Enfold theme options under Styling tab

    .av_promobox .avia-button { width: 47%; }
    .avia-promocontent { width: 48%; }

    Best regards,


    Ok for your solution, Yigit. But it’s not very adaptative to work smoothly with Avia framework, isn’t it ? Look at the small button (3rd example).

    I’m aware that i could apply a custom style for each button, but it would be nice to have a solution that fits every text/button.
    Thanks anyway.

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

The topic ‘Promobox button text overlapped’ is closed to new replies.