-
AuthorPosts
-
March 13, 2015 at 10:53 am #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!
March 13, 2015 at 8:57 pm #411289Hi 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,
ElliottMarch 17, 2015 at 5:54 pm #413128I 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 #413749Hi!
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.
March 18, 2015 at 6:35 pm #413874This reply has been marked as private.March 19, 2015 at 8:07 pm #414799Hi!
Try a 1/4 + 1/2 + 1/4 column layout with the buttons in the middle.
Best regards,
ElliottMarch 23, 2015 at 10:54 am #416299Thank 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 #416739Hi!
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.
March 24, 2015 at 11:02 am #416983Hi 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 #416993This reply has been marked as private.March 25, 2015 at 4:05 pm #417828Hey!
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 -
AuthorPosts
- You must be logged in to reply to this topic.