FROM CACHE - en_header

How can I change my background colour in Product page to black ?

Solved
MohammedZoubi
Explorer
46 0 3

Good day to all! 

I would like some help to change my product page background to black. Please help me out thank you. 

 

Accepted Solution (1)

Accepted Solutions
oscprofessional
Shopify Partner
12527 1933 2480

This is an accepted solution.

Hello MohammedZoubi,
Add this css at the bottom of
Online Store->Theme->Edit code->Assets->styles.min.css

.product-page {
    background-color: black;
}
Please Like and Accept Solution. Free website audit to grow your business Chat on WhatsApp | Email: pallavi@oscprofessionals.com | Skype : oscprofessionals-87 | Hire us | Expert Site Speed Optimization | Performance Site Audit | Shopify Private App | Custom Theme Development & Modifications any Shopify Theme | Shopify SEO | Digital Marketing

View solution in original post

Replies 7 (7)
alexfc
Shopify Partner
20 4 3

Hi,

It depends on your current theme, but if you're using the Debut one, you can add this code at the end of your style sheet (Assets/theme.css)😞

 

 

.template-product {
  background: #000000;
}

 

 

 

MohammedZoubi
Explorer
46 0 3

Thank you for the reply but rather I'm using Avenue theme. 

Is there a way to change it? 

 

Wahab_Ahmad
Shopify Partner
748 113 189

Hello @MohammedZoubi,

Welcome to the Shopify community!
Thanks for your good question.

Please share your site URL,
I will check out the issue and provide you a solution here.

If helpful then please Like and Accept the Solution.
Want to modify or custom changes on store Hire me.

 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
Shopify Custom Theme Development and Design | Custom Modifications In to Shopify Theme

- Feel free to contact me
Mail : wahabahmadghori@gmail.com | Skype : live:17296c31bc2edbdf
MohammedZoubi
Explorer
46 0 3
oscprofessional
Shopify Partner
12527 1933 2480

This is an accepted solution.

Hello MohammedZoubi,
Add this css at the bottom of
Online Store->Theme->Edit code->Assets->styles.min.css

.product-page {
    background-color: black;
}
Please Like and Accept Solution. Free website audit to grow your business Chat on WhatsApp | Email: pallavi@oscprofessionals.com | Skype : oscprofessionals-87 | Hire us | Expert Site Speed Optimization | Performance Site Audit | Shopify Private App | Custom Theme Development & Modifications any Shopify Theme | Shopify SEO | Digital Marketing
MohammedZoubi
Explorer
46 0 3

Thank you soo much! but, there is another problem by solving one. This one below, 

Capture123123123123123123123.PNG

oscprofessional
Shopify Partner
12527 1933 2480

Add this css

#swiper-carousel-product-recommendations-grid .product-border.product-border-background.relative {
    background-color: black !important;
}
Please Like and Accept Solution. Free website audit to grow your business Chat on WhatsApp | Email: pallavi@oscprofessionals.com | Skype : oscprofessionals-87 | Hire us | Expert Site Speed Optimization | Performance Site Audit | Shopify Private App | Custom Theme Development & Modifications any Shopify Theme | Shopify SEO | Digital Marketing