Buttonstyle Question

[Hayo Gebauer]

I created this ,kind of, Linktree copy:

www.hayogebauer.com/links

I was wondering if I can arrange the buttons next to each other, with equal spacing, instead of on top of each other.

So far I am using individual textboxes with the assigned buttonstyle-class.

Thanks for any help!

[Richard]

Dear @Hayo-Gebauer

If you wish to use the Stack element to achieve this.

---

Apply a custom ID to the Stack element:

---

With this you can apply display:flex; making the child elements behave a number of possible ways:

https://css-tricks.com/snippets/css/a-guide-to-flexbox/

---

This code #stack-parent-container{display:flex;} gave me the following result:

Paddings and Margins can then be applied to the child stack elements, spacing them as you wish.

---

Best wishes 🏖

Richard

[Hayo Gebauer]

@Richard this is great, thank you! I'll look into it

[Richard]

@Hayo-Gebauer No worries Good Luck! 💥

[Hayo Gebauer]

@Richard

hey, I've tried to recreate your example step by step, but it doesn't have any different result for some reason.

[Richard]

Dear @Hayo-Gebauer

Do you have a link to the page you are trying to achieve this on? I could take a closer look.

Also your CSS code & any other relevant screenshots. I could be you need to add !important to override Lay Theme's CSS but this should only be used if truly necessary, e.g

#stack-parent-container{
display: flex !important ;
}

---

Talk soon Hayo & best wishes 🌻

Richard

[Hayo Gebauer]

@Richard Hey Richard,

sure:

What I have in Custom CSS:
#stack-parent-container{
display: flex !important ;}

Testpage:
https://hayogebauer.com/test/

[Richard]

Dear @Hayo-Gebauer

The # is the CSS selector for an ID, you must set the id to stack-parent-container. Or if you wish to select a class then using the . selector:

.stack-parent-container{
display: flex ;
}

(remove !important)

---

Best wishes Hayo 🌝

Richard