Buttons on Rich text

Buttons on Rich text

Rcard
Tourist
14 0 2

IMG_4835.jpeg

Hello. I have two buttons on shopify rich text dawn theme. I changed the layout to inline under section-rich-text.css. However the buttons have no space in between on desktop or mobile. Can someone help. Ideally i want space and the buttons to be the same width

Replies 3 (3)

Robert_Kanaan
Shopify Partner
77 10 22

@Rcard Here's a template you can work off of and refine as needed:

 

    <div class="button-container">
        <a href="#" class="button">Sign In</a>
        <a href="#" class="button">Account Registration</a>
    </div>
.button-container {
            display: flex;
            justify-content: center;
            gap: 20px;
            margin-top: 20px;
        }

        .button {
            background-color: #2280fb;
            color: white;
            border: none;
            padding: 10px 20px;
            border-radius: 20px;
            cursor: pointer;
            font-size: 16px;
            width: 200px; /* Set equal width */
            text-align: center;
            text-decoration: none;
        }

        .button:hover {
            background-color: #145dbd; /* Slightly darker blue on hover */
        }
Robert Kanaan | Web Developer @ GoVedia
Building apps & custom solutions
robert@govedia.com
https://govedia.com
Rcard
Tourist
14 0 2

Where am I using this code? 

Dan-From-Ryviu
Shopify Partner
10033 1999 2043

Hi @Rcard 

Could you share your page link so I can check? 

- Helpful? Like and Accept solution! OR Buy me coffee ❤️
- Ryviu - Reviews & QA app: Collect product reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Shopee, Dhgate and CSV.
- Lookfy Gallery: Lookbook Image: Easy and fast to create Photo Gallery, Lookbook, Shop The Look.
- Ryviu: Aliexpress Reviews - AliExpress Reviews Importer, one-click import aliexpress reviews, export reviews to CSV file.
- Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- Enjoy 1 month of Shopify for $1. Sign up now.