Align rich text buttons horizontally

Shopify Discussion
1

I want to add two rich text buttons to my home page, but I want them aligned horizontally with a bit of space in between them.

I’m able to align them side by side but I can’t get the space in between them.

jmwages17_0-1716225014230.png
jmwages17_0-1716225014230.png1259×428 4.42 KB

2

Hey @jmwages17 .

Thanks for reaching out.

Could you let us know which theme you are using for your online store?

If you are unsure about which theme is live in your store, you can navigate to the Theme Editor and select the three dots that are appearing towards the top left of the page. I took a screenshot from my test store to show you the section I am referring to:

20-15-78816-22115.png
20-15-78816-22115.png1183×876 82.5 KB

Looking forward to your response.

3

Hi @jmwages17 , Can you kindly share the details of your problem (link page) with us? We will check it and suggest you a solution if possible.

4

Hey @BSSCommerce-HDL !

Here is the link to the page: https://jmadisonandco.com/

5

I am using Dawn 13.0.1

6

Hi @jmwages17 ,

You can try this code by following these steps:

Step 1: Go to Shopify Admin → Online Store ->Theme → Edit code

BSSTechVenture_0-1716226003725.png
BSSTechVenture_0-1716226003725.png1902×899 133 KB

Step 2: Search file base.css, theme.css or styles.css

BSSTechVenture_1-1716226009269.png
BSSTechVenture_1-1716226009269.png1916×934 101 KB

Step 3: Insert the below code at the bottom of the file → Save

.rich-text__blocks {
  margin-left: -10px !important;
} 

.rich-text__blocks .rich-text__buttons {
  margin-left: 10px !important;
}

Here is result:

BSSTechVenture_2-1716226046815.png
BSSTechVenture_2-1716226046815.png1919×886 47.6 KB

Hope this can help you,
If our suggestions are useful, please let us know by giving it a like or marking it as a solution. Thank you :heart_eyes: