Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • September 8, 2022 at 10:45 am #1364304
    TakiwaSoulArt

    Hi,

    I would like to bring on the website in the private content the three marked buttons (see screenshot in the dropbox) in the column below to the same height – with about 30px distance to the bottom edge. How to set this? And do I need a different code for the responsive version (tablet and smartphone)?

    Thank you very much and best regards,
    Sabine

    • This topic was modified 2 years, 3 months ago by TakiwaSoulArt.
    September 8, 2022 at 5:01 pm #1364352
    Rikard

    Hey Sabine,

    Thanks for the screenshot. Where can we see the elements in question on your actual site?

    Best regards,
    Rikard

    September 8, 2022 at 5:29 pm #1364362
    TakiwaSoulArt

    The link is in the private content

    September 8, 2022 at 8:01 pm #1364383
    Rikard

    Hi,

    Thanks for that. Please try this in Quick CSS:

    @media only screen and (min-width: 768px) {
#av_section_1 .av_one_third .avia-button-wrap {
    position: absolute;
    width: 170px;
    bottom: 20px;
}
}

    Best regards,
    Rikard

    September 9, 2022 at 10:17 am #1364406
    TakiwaSoulArt

    Hi Rikard,

    yes, ist works – thank you. I need the buttons centered and with a little bit of margin on the top. Then it is perfect :)

    Best regards,
    Sabine

    • This reply was modified 2 years, 3 months ago by TakiwaSoulArt.
    September 9, 2022 at 4:10 pm #1364431
    Rikard

    Hi,

    Please try this CSS instead:

    @media only screen and (min-width: 768px) {
.page-id-221 #av_section_1 .av_one_third .avia-button-wrap {
    position: absolute;
    width: 170px;
    bottom: 20px;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
}
.page-id-221 #av_section_1 .avia_textblock {
   margin-bottom: 40px;
}
}

    Best regards,
    Rikard

    September 12, 2022 at 11:33 am #1364705
    TakiwaSoulArt

    Hi Rikard,

    it works perfect – thank you for helping. You can close this topic.

    Best regards,
    Sabine

    • This reply was modified 2 years, 3 months ago by TakiwaSoulArt.
    September 12, 2022 at 11:43 am #1364716
    Yigit

    Hi Sabine,

    We are glad that Rikard could help!

    Let us know if you have any other questions and enjoy the rest of your day :)

    Best regards,
    Yigit

  • Author
    Posts
Viewing 8 posts - 1 through 8 (of 8 total)
  • The topic ‘button alignment in columns’ is closed to new replies.