Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
    Posts
  • #410898

    Hello,

    I would like to know how can I put multiple elements (buttons, text,…) in one line? I would also like to have an ability to set the space between these elements and some way to align the whole group to the center.

    Any help will be much appreciated!

    #411289

    Hi Sasolini!

    You would usually align them all to the left so they stack beside each other. It sounds like what your wanting to do here though is to create a 1/2 + 1/2 column layout with text on the left column and the buttons on the right column.

    Regards,
    Elliott

    #413128

    I guess i did not explain it very well. Let me try again :)

    I would like to use lets say 1/1 element and in that element I would like to put some text, and a button or two. But I would like all those elements to be in the center of the page in one line not one above the other. I don’t want to use two 1/2 elements, since in this case the whole thing does not look centered since text is longer the buttons.

    Example:

    —————————————page width—————————————
    some kind of text here [button1] [button2]

    #413749

    Hi!

    Then perhaps you could use a codeblock element and give it a fixed width with an auto margin.

    Go ahead and take a screenshot and highlight exactly what your trying to do in your link so we can get a better idea.

    Best regards,
    Elliott

    • This reply was modified 9 years, 9 months ago by Elliott.
    #413874
    This reply has been marked as private.
    #414799

    Hi!

    Try a 1/4 + 1/2 + 1/4 column layout with the buttons in the middle.

    Best regards,
    Elliott

    #416299

    Thank you.

    And how can I add text and a button in one line and make it all align to center, as I shown in a picture?

    #416739

    Hi!

    For the text and the button in the first section use a 1/1 column and then add a codeblock element to it with this inside.

    <p style = "float:left; margin-right: 20px;">Here is some text</p>
    

    And then add a button beneath the codeblock and make sure it’s set to align left.

    Regards,
    Elliott

    • This reply was modified 9 years, 9 months ago by Elliott.
    #416983

    Hi Elliott,

    Thank you for helping me, but the this still does not work as I wanted.

    I tried with the codeblock and with textblock and with text i get better results (fonts stay the same as they was, with code block they don’t). The button goes nicely after the text but the problem is that now everything is aligned left and not centered as i wanted. So if you have any idea how to center it all, this would be perfect.

    Regards

    #416993
    This reply has been marked as private.
    #417828

    Hey!

    Drag a codeblock element to your page and add this inside.

    <style type = "text/css">
    #av_section_2 .avia-button-wrap {
      margin-top: 10px;
    }
    </style>

    Best regards,
    Elliott

Viewing 11 posts - 1 through 11 (of 11 total)
  • You must be logged in to reply to this topic.