Home › Forums › All Other Themes › Strong theme Woocommerce
- This topic has 22 replies, 2 voices, and was last updated 1 year, 8 months ago by Sonl Sinha.
-
AuthorPosts
-
January 5, 2023 at 6:50 am #202703
Hi there,
I’ve just set up my WooCommerce store and most things seem to be working well, however, there a just a few things that I need help with:Product page:
1. Description and reviews colour is still the default blue and I can’t easily find where I can change that
2.Prices are displayed in the default blue colour
3.Category link is also the default blueCart:
1. Product name is default blueCan you please assist in correcting this?
Lastly, the category and tags link on the product page, is this important for SEO? Can I remove it? (If so, how?) Or is it better to leave it where it is?
Thank you for your help.
Ash
Site URL is: https://esteemvitality.com.au
January 5, 2023 at 5:00 pm #202848Hi,
Kindly go to Appearance >> Customize >> Basic >> Scroll down to find Custom CSS and paste there:
.woocommerce div.product .woocommerce-tabs ul.tabs li a { background-color: #ce61a0;} .woocommerce div.product .woocommerce-tabs ul.tabs li.active a, .woocommerce div.product .woocommerce-tabs ul.tabs li a:hover, .woocommerce #review_form #respond .form-submit input { background-color: #CA2971;} .woocommerce-message::before, .woocommerce-info::before, .woocommerce div.product p.price, .woocommerce div.product span.price, .product-name a, .woocommerce-info a, .woocommerce-privacy-policy-text a, .posted_in a, .woocommerce-message, .discount-msg { color: #CA2971;}
Regards,
ChrisJanuary 5, 2023 at 6:19 pm #202853Hi Chris,
Thank you for your quick response. I have copied and pasted the code in the custom css but it hasn’t made a difference.
Kind regards,
AshJanuary 5, 2023 at 6:39 pm #202855Hi,
Kindly use this one.
.woocommerce div.product .woocommerce-tabs ul.tabs li a { background-color: #ce61a0 !important;} .woocommerce div.product .woocommerce-tabs ul.tabs li.active a, .woocommerce div.product .woocommerce-tabs ul.tabs li a:hover, .woocommerce #review_form #respond .form-submit input { background-color: #CA2971 !important;} .woocommerce-message::before, .woocommerce-info::before, .woocommerce div.product p.price, .woocommerce div.product span.price, .product-name a, .woocommerce-info a, .woocommerce-privacy-policy-text a, .posted_in a, .woocommerce-message, .discount-msg { color: #CA2971 !important;}
Regards,
ChrisJanuary 6, 2023 at 4:33 am #202862Hi there,
Thank you for getting back to me – unfortunately that one doesn’t change anything either.
Kind regards,
AshJanuary 6, 2023 at 10:04 am #202864Hi,
Okay, Kindly send us your URL of the site and WordPress admin details (Username & Password) via email:[email protected] Please mention this forum URL while replying so that we understand what needs to be done.
We’ll check and revert back to you.
Regards,
ChrisJanuary 6, 2023 at 5:15 pm #202868Hi,
This is done.
You didn’t include the closing bracket. So CSS code was not working.
Regards,
ChrisJanuary 6, 2023 at 5:41 pm #202870Great – thank you so much.
Just a few other colour corrections:
– the sorting tab is blue on the shop page
– when I click ‘add to cart’ on the product page the hover font is blue
– the ‘update cart’ font hover colour is blue
– the ‘added to cart’ pop up has a blue line
– when I update the cart the top line on the pop up is blueIs there a spot that I can easily change these things myself or can it only be done with the custom css?
January 6, 2023 at 6:24 pm #202871Hi,
Can you send us the screenshot of your issues? Upload your screenshot on https://imgbb.com/ and paste the share url here.
Regards,
ChrisJanuary 6, 2023 at 6:36 pm #202874https://ibb.co/txgCBPs
https://ibb.co/2q9RMTt
https://ibb.co/GH6hctX
https://ibb.co/Xbz53NR
https://ibb.co/1MT4ygd
https://ibb.co/3FCZy58January 6, 2023 at 7:00 pm #202876Hi,
This is done. Kindly check and confirm.
Regards,
ChrisJanuary 8, 2023 at 1:03 pm #202897Hi there, it’s all looking great, thank you.
The only remaining thing is the sorting tab is still blue on the mobile version, web version is fixed.
Thank you.
AshJanuary 9, 2023 at 10:55 am #202907Hi,
Kindly this CSS to fix in mobile version.
@media screen and (max-width:479px) { .woocommerce .woocommerce-ordering select option, .woocommerce-page .woocommerce-ordering select option { color: #000 !important;} }
Regards,
ChrisJanuary 9, 2023 at 11:10 am #202908Hi there,
Thank you for getting back to me. I have copied and pasted the code but nothing has changed.
Kind regards,
AshJanuary 9, 2023 at 7:26 pm #202916Hi,
We checked, sorting tab is working fine.
Kindly see screenshot:
https://nimb.ws/Sq98NK
Regards,
Chris -
AuthorPosts
- You must be logged in to reply to this topic.