Adjust the width of the Add to cart buttons and Buy Buttons

English Shopify Shopify Design
, , , ,
1

I am looking for the add to cart and buy buttons on the page to be wider to fit with my theme but cannot find a way to increase the width. Attached is an image of what I am trying to achieve. An example page is:

https://gpuconnect.com/products/dell-lenovo-3070-3080-3090-rtx-graphics-card-fan-set-4-pin?collection=dell-and-lenovo-replacement-graphics-card-fans

Any help of advice on how to do this greatly appreciated! I am using Dawn 11.0

Screenshot 2023-09-27 145309.jpg
Screenshot 2023-09-27 145309.jpg755Ă—975 80.6 KB

1 Like
2

Hi @coalfield

This is Henry from PageFly - Landing Page Builder App

You can try this code by following these steps:

Step 1: Go to Online Store->Theme->Edit code.

Step 2: Search file base.css

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

.product-form__buttons {

max-width: 100% !important;

}

Hope that my solution works for you.

Best regards,

Henry | PageFly

3

Hi @coalfield

You can try this.

  • From your Shopify admin dashboard, click on “Online Store” and then “Themes”.
  • Find the theme that you want to edit and click on “Actions” and then “Edit code”.
  • In the “Assets” folder, click on “base.css, style.css or theme.css” file, depending on which file your theme uses to store its CSS styles. At the bottom of the file, add the following CSS code:
.product-form__buttons {
    max-width: 100% !important;
}
1 Like
4

Hi @coalfield ,

This is Anthony from Beae Landing Page Builder, and I’m happy to assist you today.

While I acknowledge that this issue falls short of the desired outcome, I have an idea that I believe might be of help:

  1. Go to Online Store → Theme → Edit code
  2. Open your theme.liquid file
  3. Paste below code before :

Best regards,

Anthony

4 Likes
5

Thank you for this! It worked beautifully with Dawn theme.