I have tried custom coding, but I cannot get the table section to match the background color. In settings, I have it set to white and it looks fine on a desktop, but not in my mobile view. The mobile BG almost looks gray in comparison.
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):
I have tried custom coding, but I cannot get the table section to match the background color. In settings, I have it set to white and it looks fine on a desktop, but not in my mobile view. The mobile BG almost looks gray in comparison.
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):
@media only screen and (max-width: 690px) { body:not(.woocommerce-cart) .main-content table { background-color: #f6f6f6 !important; } body:not(.woocommerce-cart) .main-content table tr:nth-child(2n+1) { background-color: #f6f6f6 !important; } }Thanks
ThemeNectar Support Team
Perfect. Thank you!