Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
    Posts
  • March 13, 2015 at 10:53 am #410898
    Sasolini

    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!

    March 13, 2015 at 8:57 pm #411289
    Elliott

    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

    March 17, 2015 at 5:54 pm #413128
    Sasolini

    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]

    March 18, 2015 at 4:37 pm #413749
    Elliott

    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, 8 months ago by Elliott.
    March 18, 2015 at 6:35 pm #413874
    Sasolini
    This reply has been marked as private.
    March 19, 2015 at 8:07 pm #414799
    Elliott

    Hi!

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

    Best regards,
    Elliott

    March 23, 2015 at 10:54 am #416299
    Sasolini

    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?

    March 23, 2015 at 9:45 pm #416739
    Elliott

    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, 8 months ago by Elliott.
    March 24, 2015 at 11:02 am #416983
    Sasolini

    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

    March 24, 2015 at 11:29 am #416993
    Sasolini
    This reply has been marked as private.
    March 25, 2015 at 4:05 pm #417828
    Elliott

    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

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