I have three layout elements 1/3 and use the option equal height in the row Settings of the first column. Because of this the box element appears in the front end with the same height. The texts in the elements don’t have the same length and because of this also not the same height. That is okay. But now I like to have a button in each box under the text. At the moment the buttons appears direct under the end of the text and because of this not in in one line. How can I do that the buttons appears in one line? I prefer at the end of the box.
Hey suriagraphik_2019,
Could you post a link to where we can see the elements in question please?
Best regards,
Rikard
Hello Rikard,
you will find it in the private content area (a non published test).
Kinf regards
Hi,
Thanks for that. I think you will have to place the buttons in an absolute position in order to achieve that:
.page-id-374 .av_one_third .avia-button-wrap {
position: absolute;
bottom: 10px;
left: 35%;
}
This can cause problems with overlapping though.
Best regards,
Rikard
Hello Rikard,
that helps, thank you. And indeed: In some cases the buttons laps over the text. But there is a simple solution: If I type in
<code> </code>
after the text in the text mode of the editor the text appears fine in the front end in all cases.
Kind regards