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

    Hi,

    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

    #692311

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

    #697203

    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

    #697240

    Hi!

    Please add following code to Quick CSS as well

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

    Cheers!
    Yigit

    #697250

    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.