Tagged: 

Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • September 26, 2016 at 9:46 am #691511
    realit-treuhand

    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

    September 27, 2016 at 4:02 pm #692311
    Yigit

    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

    October 10, 2016 at 9:54 am #697203
    realit-treuhand

    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

    October 10, 2016 at 12:00 pm #697240
    Yigit

    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

    October 10, 2016 at 12:28 pm #697250
    realit-treuhand

    Thank you, Yigit!

  • Author
    Posts
Viewing 5 posts - 1 through 5 (of 5 total)
  • The topic ‘promo box vertical alignment and padding’ is closed to new replies.