How can I adjust container width for equal sweatshirt sizing?

Store Design
, , , ,
1

Hi. I would like the two sweatshirts below to be in one line and their size to be the same as the gray sweatshirt.

The gray sweatshirt in the template settings has a container width of 75%.

Bez nazwy-1.png
Bez nazwy-1.png1880×1134 198 KB

If I set it to 50%, then the hoodies are in one line, but they are too small.

Can it be edited somehow? For example, increasing the width of the container to the blue line? Currently, the width of the container ends at the green line.

Any help appreciated!

2 
/* Replace ".sweatshirts-container" with the class or ID of the container element for the sweatshirts */
.sweatshirts-container {
  width: 100%; /* Adjust the value as needed to extend the width of the container */
}

/* Replace ".sweatshirt-item" with the class or selector for each individual sweatshirt item */
.sweatshirt-item {
  width: 50%; /* Adjust the value as needed to maintain a similar size as the gray sweatshirt */
  float: left; /* Ensures the sweatshirts appear in one line */
}
​

Look for a section that controls the layout or container width of the sweatshirts.

  • If there is an option to adjust the container width, try increasing it to a larger value (e.g., 80% or 100%) to extend the width of the container.
3

Could you help me find it, please? @NomtechSolution

Link to my website: https://drzeszutek7.myshopify.com/
Password: daicke

I would be very grateful!

4

Hi @drzeszutek7

This is Noah from PageFly - Shopify Page Builder App

Please add this code to your theme.liquid above the to get this solved

Step 1: Online Stores > Themes > More Actions > Edit code

Step 2: click on theme.liquid and paste the code above the

PageFlyNoah_0-1684292207091.png
PageFlyNoah_0-1684292207091.png1920×937 118 KB

Hope this can help you solve the issue

Best regards,

Noah | PageFly