Dawn theme (desktop mode), resize variant picker and buy buttons

Solved

Dawn theme (desktop mode), resize variant picker and buy buttons

info_diri
New Member
5 0 0

Hi all, 

 

I would like to know if its possible to resize these buttons in dawn theme (desktop mode) to fit the full width of the box (in blue):

 

(1) variant picker

info_diri_0-1715492531041.png

 

(2) buy buttons - both "Add to cart" & "Buy it now"

info_diri_1-1715492550089.png

 

Thank you 

 

Accepted Solution (1)

BSSCommerce-B2B
Shopify Partner
1972 564 566

This is an accepted solution.

Hi @info_diri , You can try follow my instructions.

- Step 1: Sale channel => Online Store => Themes => Edit code:

BSSTechFusion_0-1715583474144.png

 

- Step 2: Search for base.css and add the css directive to the end of this file:

 

variant-selects fieldset {
    width: 100% !important;
}

 

I hope these instructions will help you. If they are helpful, don't forget to like and mark as the solution.

Have a nice day sir! 

 

B2B Wholesale Solution: Streamline your B2B operation with advanced features like wholesale registration forms, custom pricing.


B2B Portal, Quote, Net 30: Speed up purchasing and streamline your quotation process with advanced features like quick order, request for quote.


B2B Lock Password Protect: Easily control access to pages, products, and pricing with robust features.


BSS Commerce - Full-service eCommerce Agency I Use Shopify for 1$ in the first month now

View solution in original post

Replies 2 (2)

PageFly-Henry
Shopify Partner
1184 335 297

Hi @info_diri 

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

 

variant-selects .select {

    max-width: 100% !important;

}

 

Hope that my solution works for you.

Best regards,

Henry | PageFly

Please let me know if it works by giving it a Like or marking it as a solution!


PageFly - #1 Page Builder for Shopify merchants.


All features are available from Free plan. Live Chat Support is available 24/7.

BSSCommerce-B2B
Shopify Partner
1972 564 566

This is an accepted solution.

Hi @info_diri , You can try follow my instructions.

- Step 1: Sale channel => Online Store => Themes => Edit code:

BSSTechFusion_0-1715583474144.png

 

- Step 2: Search for base.css and add the css directive to the end of this file:

 

variant-selects fieldset {
    width: 100% !important;
}

 

I hope these instructions will help you. If they are helpful, don't forget to like and mark as the solution.

Have a nice day sir! 

 

B2B Wholesale Solution: Streamline your B2B operation with advanced features like wholesale registration forms, custom pricing.


B2B Portal, Quote, Net 30: Speed up purchasing and streamline your quotation process with advanced features like quick order, request for quote.


B2B Lock Password Protect: Easily control access to pages, products, and pricing with robust features.


BSS Commerce - Full-service eCommerce Agency I Use Shopify for 1$ in the first month now