Hi there,
Thanks for reaching out.
It looks like you need to set up permalinks. Can you please go to WordPress Dashboard > Settings > Permalinks, select “Post name”, and hit the save changes button:

Let me know how it goes!
Best,
Hi Daniyal ahmed
Good Day!
Thank you for your reply & advises. Yes, It’s worked well now.
However, May I know how to change the button background colour. For eg. Browse products for the Orders & downloads.
Appreciate your advises.
Best Regards
Hi @lightgal
However, May I know how to change the button background colour. For eg. Browse products for the Orders & downloads.
Can you please share a screenshot of the buttons you are referring to?
If you don’t already have a screenshot service installed, we recommend using https://snipboard.io for sharing screenshots – please follow the instructions on the page, then paste the URL in your reply.
-
This reply was modified 3 years, 7 months ago by
Rafy.
Hi Rafy a11n
Thank you for your reply.
Please see screenshot as follows:
https://snipboard.io/RNQ1rs.jpg.
The button(Browse product) turn to black colour once I click on it.
Kindly advise.
Thank you.
Regards
Hi @lightgal
I have tried to change the button color to white when someone moves the mouse over it using Custom CSS, and here is the output: https://d.pr/i/zQnNmY
You can try the below CSS code:
/* change button color | 5473983-zen | NS */
a.woocommerce-Button.button:hover {
background-color: #ffffff !important;
}
To implement the above Custom CSS, kindly navigate to WP Admin > Appearance > Customize > Additional CSS > and add the Custom CSS there.
Let us know if this works for you.
Hi Rafy a11n
Thank you for the solution. It seems that we can only custom CSS code to modify the colour.
I have the same problem for the save changes button under account details.
Screenshot as follows:
https://snipboard.io/KNjIb9.jpg
Kindly advise.
Thanks.
Regards
Hi @lightgal
You can try the below CSS code:
/* change button (edit account) color | 5473983-zen | NS */
button.woocommerce-Button.button:hover {
background-color: #EEEEEE !important;
}
I hope this helps!
Hi Rafy a11n
Many thanks for your help. The button colour works well now.
Cheers & have a great evening!
Best Regards
Hi @lightgal
The button colour works well now.
We are glad that we could help! 🙂
If you don’t mind, would you please consider taking 2 minutes to leave your review here: https://wordpress.org/support/plugin/woocommerce/reviews/#new-post – so that others can see the positive experience you’ve had? We would certainly appreciate it!
Thanks!
Hi Rafy a11n
Just realize I have an issue for the color for my log in button as follows:
https://snipboard.io/kgN67U.jpg
Kindly advise.
Thanks.
Best Regards
Hi @lightgal!
You can try the below CSS code:
.woocommerce-button.woocommerce-form-login__submit:hover {
background-color: #eee !important;
}
I hope this helps!
Hi Mirko P. woo-hc
Thank you for your reply & solution.
Sorry there is another similar problem for my cart page. The return to shop appear to be black too.
https://snipboard.io/IBYzQf.jpg
Thank you for your advise.
Best Regards
Hi Mirko P. woo-hc
The address of my account page, the colour for the save button for the billing address and shipping address are also black in colour.
Kindly advise.
Thank you.
Best Regards
May I know is there anyone whom can help me out?
Kindly advise, thanks.