Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
  • #691511


    I would like to improve the look of the promo box:

    1) text and avia button vertically centered
    2) avia button right aligned with same padding top, bottom and right within the box
    3) on mobile the avia button switches under the text, which is fine but I would like to add some bottom padding within the box

    Your help would be much appreciated.

    Thanks and best regards,
    Realit Treuhand AG


    Hey Aline,

    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-button {
        right: 10px;
    @media only screen and (max-width: 767px) {
    .responsive .av_promobox .avia-button, .responsive .av_promobox .avia-button-wrap {
        margin-bottom: 15px;

    Best regards,


    Thanks Yigit, this worked perfectly.

    We have another question regarding padding. We use a footer widget with an address which is displayed on two lines on mobile. There is too much padding at the bottom of the footer.

    Do you have any ideas in order to fix this?

    Best regards,
    Michel & Aline



    Please add following code to Quick CSS as well

    @media only screen and (max-width: 767px) {
    #footer .flex_column {
        margin-bottom: 0!important;



    Thank you, Yigit!

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

The topic ‘promo box vertical alignment and padding’ is closed to new replies.