Return to previous page

Change color of my single product - by spallsport

This topic has 11 replies, 2 voices, and was last updated 5 years, 10 months ago ago by Rose Tyler

spallsport

Participant

June 11, 2018 at 08:37

Hi, actually I have my sigle poduct page in black background, Can I change the color of backround to white but I have good the menus and text colors?
Thanks

#194642 Copied

10 Answers

Rose Tyler

Support staff

June 11, 2018 at 08:53

Hello,

Please try to use this code:

.single-product h2.product-name, .single-product-page .product-info h4, 
.single-product-page .product-info .sku_wrapper, 
.single-product-page .product-info .posted_in, .single-product .quantity-box label, 
.single-product-page .share-title, .single-product .tabs .tab-title.opened, 
.single-product .tab-content h2, .single-product .page-content strong, 
.single-product .title span, .single-product h3.product-name a {
    color:  #1e1e1e;
}
.single-product .page-wrapper, .single-product .page-content {
    background-color:  white;
    margin-bottom: 0px;
    padding-bottom: 40px;
}
.single-product .header-wrapper,
.single-product .page-heading {
    background-color: #151515;
}
.single-product .title span, .single-product select, .single-product .quantity input[type=button], .single-product .quantity input[type=number] {
    background-color:  white !important;
}

Regards

#194646 Copied

spallsport

Participant

June 11, 2018 at 09:00

sorr wher do I put?
Best regards

#194647 Copied

Rose Tyler

Support staff

June 11, 2018 at 09:03

Add the code in custom.css of parent theme or in style.css file of the child theme.

Regards

#194649 Copied

spallsport

Participant

June 11, 2018 at 09:11

Ok, thanks
almost good, I have 2 problems.
1.- the quanty dont see https://prntscr.com/jtj8ol
2.- can I have the menu this https://prntscr.com/jtj8r6 sorry but I have this https://prntscr.com/jtj8sn and I prefer in whit that the first picture
Thanks

#194652 Copied

Rose Tyler

Support staff

June 11, 2018 at 09:17

Please delete the previous code and this one https://prnt.sc/jtjb71. Let me know and I will provide you a new code.

Regards

#194654 Copied

spallsport

Participant

June 11, 2018 at 09:20

sorry this one where is it? https://prnt.sc/jtjb71

#194657 Copied

spallsport

Participant

June 11, 2018 at 09:22

sorry I find,all deleted

#194658 Copied

Rose Tyler

Support staff

June 11, 2018 at 09:37

Please try this code:

.single-product h2.product-name, .single-product-page .product-info h4, 
.single-product-page .product-info .sku_wrapper, 
.single-product-page .product-info .posted_in, .single-product .quantity-box label, 
.single-product-page .share-title, .single-product .tabs .tab-title.opened, 
.single-product .tab-content h2, .single-product .page-content strong, 
.single-product .title span, .single-product h3.product-name a,
#content_tab_additional_information table th, #content_tab_additional_information table td  {
    color:  #1e1e1e;
}
.single-product .quantity input[type=number]{
    color:  #1e1e1e !important;
}
.single-product .page-wrapper, .single-product .page-content {
    background-color:  white;
    margin-bottom: 0px;
    padding-bottom: 40px;
}
.single-product .header-wrapper {
    background-color: #151515;
}
.single-product .title span, .single-product select, .single-product .quantity input[type=button], .single-product .quantity input[type=number], .page-heading .container,
#content_tab_additional_information table th, #content_tab_additional_information table td {
    background-color:  white !important;
}

Regards

#194663 Copied

spallsport

Participant

June 11, 2018 at 09:44

ohhh yes! yes! very good!! on thousand thanks

#194666 Copied

Rose Tyler

Support staff

June 11, 2018 at 09:46

You’re welcome!

Regards