How do I allign the buy button and make it look like the rest of the options?

Store Design
, ,
1

Hi all,

would really appreciate if you could help me with my issue, thanks. It’s present in all of my products.

The link to my store is: https://privatesaints.com

An example of one of the products where the issue is: https://privatesaints.com/products/mkb-tee

Providing a screenshot of the issue below too.

Screenshot (2510).png
Screenshot (2510).png487×683 8.32 KB

2

Hi @privatesaints

This is Victor from PageFly - Shopify Page Builder App, I’d like to suggest this idea:

Online Store ->Theme ->Edit code

Assets ->Base.css

.button--full-width {
    display: flex;
    width: auto !important;
    justify-content: flex-start;
}

Hope you find my answer helpful!

Best regards,

Victor | PageFly

3

Thank you Victor, that worked wonderful! One more question, is there any way I could get the quantity selector and the buy button to be the same length as the color and size variant pickers? Providing a screenshot of what it looks like below. Thanks again!

Screenshot (2513).png
Screenshot (2513).png505×657 16.8 KB

4

Hi @privatesaints ,

It’s the GemPages Support Team and we are glad to assist you today!

You could please try adding the below code before in the theme.liquid file

It will shows like that

GemPages_0-1678690206795.png
GemPages_0-1678690206795.png1917×961 74.1 KB

Best regards,
GemPages Support Team

5

Perfect! Marked your answer as the solution. Thank you very much!

6

I am glad that my solution is helpful to you.

Best regards,
GemPages Support Team