New Shopify Certification now available: Liquid Storefronts for Theme Developers

White patches on product collections and when adding to cart

Solved
fk1220
Tourist
11 0 0

When on collections white appears even though this is not in the theme settings and also when customers press view all options the menu for the product turns white when it is supposed to be black. Does anyone know how to fix this 

Accepted Solutions (3)
Moeed
Shopify Partner
3051 761 925

This is an accepted solution.

Hey @fk1220 

 

Follow these Steps:

1) Go to Online Store
2) Edit Code
3) Find theme.liquid file

4) Add the following code in the bottom of the file above </body> tag

<style>
.section-template--19655797965087__product-grid-padding {
    background: black !important;
}
</style>

RESULT:

Moeed_0-1693562359536.png

 

If I managed to help you then, don't forget to Like it and Mark it as Solution!

 

Best Regards,
Moeed

Need a Shopify developer? Chat on WhatsApp


- For Shopify Design Changes | Shopify Custom Coding | Custom Modifications
- Your Coffee Tip and my code, A perfect blend. ❤️

View solution in original post

Moeed
Shopify Partner
3051 761 925

This is an accepted solution.

Hey @fk1220 

 

Keep the previous code and add the following code above </style> in theme.liquid file

.section-template--19655797965087__product-grid-padding {
    background: black !important;
}

RESULT:

Moeed_0-1693564380504.png

 

If I managed to help you then, don't forget to Like it and Mark it as Solution!

 

Best Regards,
Moeed

Need a Shopify developer? Chat on WhatsApp


- For Shopify Design Changes | Shopify Custom Coding | Custom Modifications
- Your Coffee Tip and my code, A perfect blend. ❤️

View solution in original post

Moeed
Shopify Partner
3051 761 925

This is an accepted solution.

Hey @fk1220 

 

Follow these Steps:

1) Go to Online Store
2) Edit Code
3) Find theme.liquid file

4) Add the following code in the bottom of the file above </body> tag

<style>
.quick-add-modal__content-info {
    background: black !important;
}
</style>

RESULT:

Moeed_0-1693575683132.png

 

If I managed to help you then, don't forget to Like it and Mark it as Solution!

 

Best Regards,
Moeed

Need a Shopify developer? Chat on WhatsApp


- For Shopify Design Changes | Shopify Custom Coding | Custom Modifications
- Your Coffee Tip and my code, A perfect blend. ❤️

View solution in original post

Replies 5 (5)
Moeed
Shopify Partner
3051 761 925

This is an accepted solution.

Hey @fk1220 

 

Follow these Steps:

1) Go to Online Store
2) Edit Code
3) Find theme.liquid file

4) Add the following code in the bottom of the file above </body> tag

<style>
.section-template--19655797965087__product-grid-padding {
    background: black !important;
}
</style>

RESULT:

Moeed_0-1693562359536.png

 

If I managed to help you then, don't forget to Like it and Mark it as Solution!

 

Best Regards,
Moeed

Need a Shopify developer? Chat on WhatsApp


- For Shopify Design Changes | Shopify Custom Coding | Custom Modifications
- Your Coffee Tip and my code, A perfect blend. ❤️
fk1220
Tourist
11 0 0

Thanks man do you know how to fix it when you press view all on products ?

Moeed
Shopify Partner
3051 761 925

This is an accepted solution.

Hey @fk1220 

 

Keep the previous code and add the following code above </style> in theme.liquid file

.section-template--19655797965087__product-grid-padding {
    background: black !important;
}

RESULT:

Moeed_0-1693564380504.png

 

If I managed to help you then, don't forget to Like it and Mark it as Solution!

 

Best Regards,
Moeed

Need a Shopify developer? Chat on WhatsApp


- For Shopify Design Changes | Shopify Custom Coding | Custom Modifications
- Your Coffee Tip and my code, A perfect blend. ❤️
fk1220
Tourist
11 0 0

This also happens when you press choose options is there a way to fix this ?

IMG_3823.jpeg

Moeed
Shopify Partner
3051 761 925

This is an accepted solution.

Hey @fk1220 

 

Follow these Steps:

1) Go to Online Store
2) Edit Code
3) Find theme.liquid file

4) Add the following code in the bottom of the file above </body> tag

<style>
.quick-add-modal__content-info {
    background: black !important;
}
</style>

RESULT:

Moeed_0-1693575683132.png

 

If I managed to help you then, don't forget to Like it and Mark it as Solution!

 

Best Regards,
Moeed

Need a Shopify developer? Chat on WhatsApp


- For Shopify Design Changes | Shopify Custom Coding | Custom Modifications
- Your Coffee Tip and my code, A perfect blend. ❤️