Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #1100458

    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.

    #1100813

    Hey suriagraphik_2019,

    Could you post a link to where we can see the elements in question please?

    Best regards,
    Rikard

    #1100934

    Hello Rikard,
    you will find it in the private content area (a non published test).
    Kinf regards

    #1101238

    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

    #1101496

    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>&nbsp;</code>
    after the text in the text mode of the editor the text appears fine in the front end in all cases.
    Kind regards

    #1101981

    Hi,

    Great, I’m glad that you found a solution and thanks for sharing. Please let us know if you should need any further help on the topic or if we can close it.

    Best regards,
    Rikard

Viewing 6 posts - 1 through 6 (of 6 total)

You must be logged in to reply to this topic.