Button size width

[magneticprints]

Hi, i would like to reduce the space on the sides of the “text” of the button which I have attached in the screenshot below. The space I am talking asbout has been marked with the red arrows. I would like to reduce this space for both of the buttons. Is there a way to do this?

Site url: https://magneticprints.com.au/pages/reviews

[suyash1]

@magneticprints please add this css to the very end of your base.css file and check,
Shopify Admin → Online Store ->Theme → Edit code → base.css

@media screen and  (maxwidth:749px){
.rich-text__buttons{max-width: 60%;}
}

[BSSCommerce-B2B]

Hi @magneticprints ,

1, Navigate to Online Store > Themes > Edit Code.

2, Locate and open the base.css file.

3, Paste the code snippet provided below at the bottom of the file, then save your changes.

.rich-text__buttons--multiple>* {
  min-width: 16rem!important;
  flex-grow:unset!important
}

You will get the result like this

• Mobile

• Desktop

If it helps you, please like and mark it as the solution.

Best Regards

[theycallmemakka]

Hi @magneticprints

Follow these Steps:

1. Go to Online Store
2. Edit Code
3. Find theme.liquid file
4. Add the following code just above tag

If you require further help to optimize your store, please don’t hesitate to reach out. If you find this information useful, a Like would be greatly appreciated. And if this solves the problem, please Mark it as Solution!

Best Regards,
Makka

[niraj_patel]

Hello @magneticprints

You can add code by following these steps

1. Go to Online Store → Theme → Edit code.

2. Open your theme.liquid file

3. Paste the below code before on theme.liquid

@media screen and (max-width: 767px) { .rich-text__buttons--multiple>* { max-width: 15rem !important; } }

Was my reply helpful? Click Like to let me know!
Was your question answered? Mark it as an Accepted Solution.