Re: edit some default theme estetic templates

Solved

edit some default theme estetic templates

michal22
Explorer
62 1 10

Hi , i d like to remove the square lines around my products in theme Refresh and instead change it for something like white rectangle without those black line boundaries around. Is it possible?

Accepted Solutions (2)

BSSCommerce-B2B
Shopify Partner
1718 512 574

This is an accepted solution.

Hi @michal22,

Do you want your product cards look like this

BSSCommerceB2B_0-1723343001437.png

If so, please follow these steps

Step 1. Go to Admin -> Online store -> Theme > Edit code

Step 2. Find the file "base.css" or "component-card.css".

Step 3. Add this code to the end of file

 

.card--card.gradient,
.card__inner.gradient {
   box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1), 0 6px 20px rgba(0, 0, 0, 0.1)!important;
   border: none!important;
}   

 

If it helps you, please like and mark it as the solution.

Best Regards

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

BSSCommerce-B2B
Shopify Partner
1718 512 574

This is an accepted solution.

@michal22,
I think you should set one product per row on mobile, to do this please following these steps
1. Go to Admin -> Online store -> Themes -> Customize

BSSCommerceB2B_1-1723392814438.png

2. Choose Feature collection section -> scroll down to mobile layout -> change the number of columns on mobile to 1

BSSCommerceB2B_2-1723392878472.png

Hope it helps you 😊

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 3 (3)

BSSCommerce-B2B
Shopify Partner
1718 512 574

This is an accepted solution.

Hi @michal22,

Do you want your product cards look like this

BSSCommerceB2B_0-1723343001437.png

If so, please follow these steps

Step 1. Go to Admin -> Online store -> Theme > Edit code

Step 2. Find the file "base.css" or "component-card.css".

Step 3. Add this code to the end of file

 

.card--card.gradient,
.card__inner.gradient {
   box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1), 0 6px 20px rgba(0, 0, 0, 0.1)!important;
   border: none!important;
}   

 

If it helps you, please like and mark it as the solution.

Best Regards

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

michal22
Explorer
62 1 10

thanks you really helped me.... and is there a way to maybe make it look even better on mobile view cause i have 3 products in best selling but there is just so much empty space for forth one on mobile view but i dont want to add the forth because it would look bad on desktop view than...

BSSCommerce-B2B
Shopify Partner
1718 512 574

This is an accepted solution.

@michal22,
I think you should set one product per row on mobile, to do this please following these steps
1. Go to Admin -> Online store -> Themes -> Customize

BSSCommerceB2B_1-1723392814438.png

2. Choose Feature collection section -> scroll down to mobile layout -> change the number of columns on mobile to 1

BSSCommerceB2B_2-1723392878472.png

Hope it helps you 😊

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