Im almost done with the online shop for my client, almost everything is set up. I have encountered one small problem: on checkout page there are 2 boxes with very dark gray color, and one with light gray. I would like to change those colors or make them white completely. I understand that this is one of the Accent Colors that I've set up, but i cannot change them, because across all the website those colors will be changed, and it will ruin my whole design which client already approved. There has to be a way to change them only in this one place, only in checkout page. Please advise. Best regards, Jakub.
Add this into the Custom CSS box located in your Salient Options panel (All custom css provided is tested in the Live Browser so it will work as intended . If you cant see any changes make sure there is no red cross in the Custom CSS Box as that syntax error would cause all css below it to not show up on the Frontend):
And what About this gray "Your order" field? Is it possible to make inner padding for elements inside or change the color to white? At the moment elements are touching the sides of the box, this doesn't look good for premium design online store :/
Greeting!
Im almost done with the online shop for my client, almost everything is set up. I have encountered one small problem: on checkout page there are 2 boxes with very dark gray color, and one with light gray. I would like to change those colors or make them white completely. I understand that this is one of the Accent Colors that I've set up, but i cannot change them, because across all the website those colors will be changed, and it will ruin my whole design which client already approved. There has to be a way to change them only in this one place, only in checkout page. Please advise. Best regards, Jakub.
Hey Again,
Add this into the Custom CSS box located in your Salient Options panel (All custom css provided is tested in the Live Browser so it will work as intended . If you cant see any changes make sure there is no red cross in the Custom CSS Box as that syntax error would cause all css below it to not show up on the Frontend):
.woocommerce .woocommerce-message, .woocommerce .woocommerce-error, .woocommerce .woocommerce-info, .woocommerce-page .woocommerce-message { background-color: #cbbba0 !important; }Thanks
ThemeNectar Support Team
Looks perfect! Thank you!
And what About this gray "Your order" field? Is it possible to make inner padding for elements inside or change the color to white? At the moment elements are touching the sides of the box, this doesn't look good for premium design online store :/
Thank you for your help in advance!
Hi there,
Use the following custom css:
.woocommerce-checkout .shop_table, .product-container { background: white !important; }Hope this helps.
Thank you, that worked perfectly!
Best regards!