All things Shopify and commerce
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
@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 */
}
Where am I using this code?
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.
We recently spoke with Zopi developers @Zopi about how dropshipping businesses can enha...
By JasonH Oct 23, 2024A big shout out to all of the merchants who participated in our AMA with 2H Media: Holi...
By Jacqui Oct 21, 2024We want to take a moment to celebrate the incredible ways you all engage with the Shopi...
By JasonH Oct 15, 2024