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
Hey Sabine,
Thanks for the screenshot. Where can we see the elements in question on your actual site?
Best regards,
Rikard
The link is in the private content
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
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
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
Hi Rikard,
it works perfect – thank you for helping. You can close this topic.
Best regards,
Sabine