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 Support me: Buy Coffees
- Reton: Loyalty & Rewards - Earn points through tasks, redeem for discounts, and enjoy exclusive VIP rewards!
- 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.
- Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- Enjoy 1 month of Shopify for $1. Sign up now.
As 2024 wraps up, the dropshipping landscape is already shifting towards 2025's trends....
By JasonH Nov 27, 2024Hey Community! It’s time to share some appreciation and celebrate what we have accomplis...
By JasonH Nov 14, 2024In today’s interview, we sat down with @BSS-Commerce to discuss practical strategies f...
By JasonH Nov 13, 2024