Make rich text buttons(2) align horizontally

Store Design
1

This is what it looks like:

nesna_0-1672011957308.png
nesna_0-1672011957308.png1171×727 38.2 KB

I’d like the two buttons (labeled: “Shop Doors” and “Learn About Nesna Formula”) to be side by side to each other horizontally.

nesna_1-1672012829900.png
(this was made in a google docs)

If anyone can help, I’d really appreciate it!

2

HI @nesna
Thank you for your question.
Please share your store URL, page URL and also password (if your store has one) so we can help you.

3

https://retailoo-2.myshopify.com/

stiask

(I’m not sure what the difference between page URL and store URL are)

4

Hi @nesna
You can try follow this path:
Themes => edit code => asset => theme.css
and add this code to bottom of the file theme.css

#element-template--17287407239441__2e5c080d-1441-43af-99a0-c1613cc815f0 .increased-spacing {
display: inline!important;
}
5

Thank you very much. Is it also possible to adjust the spacing in between the buttons?

6

Hi @nesna

This is Victor from PageFly - Shopify Page Builder App, I’d like to suggest this idea:

Add this CSS at the bottom

Online Store ->Theme ->Edit code

Assets ->theme.css

#element-template--17287407239441__2e5c080d-1441-43af-99a0-c1613cc815f0 .increased-spacing {
    display: inline-block !important;
    margin-left: 30px;
}

Hope you find my answer helpful!

Best regards,

Victor | PageFly