What's your biggest current challenge? Have your say in Community Polls along the right column.

Increase margin of the product box

Solved

Increase margin of the product box

AdamOx
New Member
15 0 0

Hi,

 

Is there a way to increase the margin on the box so that the new green add to cart button doesn't cut off please?

 

Thank you 

Screenshot 2024-05-07 114058.png

 

This is the previous one.

 

Screenshot 2024-05-07 114248.kpg.png

Accepted Solution (1)

Atanu_Sarkar
Shopify Partner
10 3 3

This is an accepted solution.

Hi @AdamOx,

 

I've reviewed your store and identified an issue occurring with items that have multiple lines of titles. To address this, please add the following CSS code to the bottom of your theme.css file:

@media(min-width: 999px){
  .product-list .flickity-viewport {
    min-height: 453px !important;
  }
}

 

You can access the theme.css file by following these steps:

  1. Navigate to "Themes" in your Shopify dashboard.
  2. Click on "Edit code" for your current theme.
  3. Locate the theme.css file under the "Assets" folder.

Once you've added the CSS code, save your changes, and the issue should be resolved. If you need further assistance, feel free to reach out.

 

Thank you.

View solution in original post

Replies 4 (4)

Anshul_arora
Navigator
453 128 100

Hello @AdamOx ,

I have looked through your store https://prnt.sc/lERWGfAILFD7 and see you are still using the previous "Add to Cart"

Please share link to the store, where you have added new "Add To Cart", So I can review your store and its code and provide you a solution for your issue.

Thank you.

Please remember to like and accept the solution to help other store owners.

For Shopify Design & Development | Custom Coding -Visit Here
AdamOx
New Member
15 0 0

Hi,

 

Sorry.

 

Please find preview store here - https://wg3wtufqcvwc6uul-26690322479.shopifypreview.com

 

Thank you 

 

Anshul_arora
Navigator
453 128 100

Hello @AdamOx ,

I have checked your shared store link and "Choose options" CTAs are perfectly displaying.

- https://prnt.sc/57XHkgW_wxCC 
- https://prnt.sc/IQNXfWLLdgdK 
- https://prnt.sc/2tvg8w5Xm2td
- https://prnt.sc/yxvBd-_Jb55G
- https://prnt.sc/u_q3_9__65n4

I believe you have resolved the issue at your end if you still have any issue that needs to be resolved. Please let me know.

Thank you.

Please remember to like and accept the solution to help other store owners.

For Shopify Design & Development | Custom Coding -Visit Here

Atanu_Sarkar
Shopify Partner
10 3 3

This is an accepted solution.

Hi @AdamOx,

 

I've reviewed your store and identified an issue occurring with items that have multiple lines of titles. To address this, please add the following CSS code to the bottom of your theme.css file:

@media(min-width: 999px){
  .product-list .flickity-viewport {
    min-height: 453px !important;
  }
}

 

You can access the theme.css file by following these steps:

  1. Navigate to "Themes" in your Shopify dashboard.
  2. Click on "Edit code" for your current theme.
  3. Locate the theme.css file under the "Assets" folder.

Once you've added the CSS code, save your changes, and the issue should be resolved. If you need further assistance, feel free to reach out.

 

Thank you.