WooCommerce Shop diverse color issues
Hello,
My CSS knowledge is not that great unfortunately. I have some issues with font and background colors and I do need CSS for that.
In the shop page, some backgrounds are not ok and there for not showing the content. You can see it at for example this page. It has to do with the background of ui-tabs I guess. 'Ingredienten of beschrijving' are not shown good. Need to be white on black. I know see the background for the short description is not good also:
Product titles need to be black:
I already added some css; if you want me to clear it; I will do it. The website is in development, but I will put it online for you.
Thanks in advance,
Greetings,
Arjan
Comments
Hello,
1) Instead of changing the color of the tabs with CSS, I recommend you switching from Classic style to Simple in Betheme -> Theme options -> Global -> General.
Please, choose it, and check if the display suits you. If this will not meet your expectations, I will help you with CSS.
2) For the black titles, please, use the following code:
.archive .woocommerce .product .desc a{ color: #000!important; }Thanks
Hello.
Thanks. Made 2 steps. Good! What about the white on white font with related objects? How to change that one?
For example: https://pumpnutrition.nl/product/pump-nutrition-product-juggernaut-mango-peach-pre-workout/
Thanks in advance,
Greetings,
Arjan
Ofcourse I meant 'related products' :)
Also the white font is on white background at these pages:
Please, use the following code:
.woocommerce .related .desc a{ color: #000!important; }and from the code from my previous message remove, the .archive to look like this:
.woocommerce .product .desc a{ color: #000!important; }Sorry, but I was not able to visit the second link and I do not know what you are referring to.
Thanks
Sorry.. I just changed the page name of the second link. The previous page name was too long for mobile.
There.. Also there is a white font on the white background. It's the name of the product again, which needs to be #000.
Thanks in advance! Getting there.
By the way.. The same goes for the shop page. White font for the products on white background. Also needs to be #000:
https://pumpnutrition.nl/shop/
You removed the dot from the code:
Please, add it, and the title on these pages will become black.
Thanks
Ok.. Stupid from me. It works indeed.
One last thing or maybe two:
It is on the shop page: https://pumpnutrition.nl/shop/
Thanks again. Great job.
Ok. Funny. The black line is gone. Perhaps it was in the cache.
Excuse me. The black line is not gone on my normal display/monitor --> 2560x1440.
Greetings,
Arjan
1) Please try the following code for this black line:
.woocommerce .products .image_wrapper{ background-color: #FFF!important; }2) You can add an icon to your menu as a menu item that will lead to the login page.
Also, you can try the Header Builder plugin.
https://support.muffingroup.com/video-tutorials/how-to-build-a-custom-header/
https://support.muffingroup.com/documentation/header-builder/
Thanks