Home › Forums › SKT Full Width Forum › how do i change the color of the button to the product tab
- This topic has 11 replies, 2 voices, and was last updated 1 year, 9 months ago by Sonl Sinha.
-
AuthorPosts
-
January 11, 2023 at 5:50 pm #202979
Good Evening,
I have the site “aeliaspa.gr”.
I have managed through CSS to make the “add to cart” buttons which are in the product categories, e.g. “https://aeliaspa.gr/%cf%80%cf%81%ce%bf%ce%b9%cf%8c%ce%bd%cf%84%ce%b1-7days/” to change color based on my preferences (it should be red and when I mouse over it it changes to green). I would like this to be thr same on the “Add to cart” button and when the customer is on the product tab, e.g. “https://aeliaspa.gr/product/7days-candy-shop-cupcake-sheet-mask-25g/ ” How can make it?Thanks in advances!
January 11, 2023 at 6:26 pm #202983Hi,
Kindly use this CSS to change button color.
.woocommerce button.button.alt { background-color: #aa1e1e !important; } .woocommerce button.button.alt:hover { background-color: #35864b !important; }
Regards,
ChrisJanuary 12, 2023 at 11:59 am #202994Ηι,
thank you very much for the prompt reply. I put the piece of code in “custom css” as you told me the original color didn’t change but when I move the mouse up the second piece of code works.January 12, 2023 at 1:29 pm #202997Hi,
Kindly use this CSS.
.summary.entry-summary .woocommerce button.button.alt { background-color: #aa1e1e !important; } .woocommerce button.button.alt:hover { background-color: #35864b !important; }
Regards,
ChrisJanuary 12, 2023 at 1:37 pm #202999Hi,
I have made the chance but nothing happen. It is strange 🙂January 12, 2023 at 1:55 pm #203001Hi,
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 12, 2023 at 3:00 pm #203002Hi,
Issue have been resolved. Kindly check and confirm.
Regards,
ChrisJanuary 12, 2023 at 3:05 pm #203003Thank you very very much.
If it is possible could you tell me which was the problem?
In porpuse to avoid to bother you in the future, if i face similar problem.January 13, 2023 at 3:32 pm #203038Ηι,
Sorry for the inconvenience, my boss finally asked me to make the buttons black (#000000), I have managed through CSS to make the “add to cart” buttons which are in the product categories, e.g. “https://aeliaspa.gr/%cf%80%cf%81%ce%bf%ce%b9%cf%8c%ce%bd%cf%84%ce%b1-7days/” to change color based on my preferences (it should be black and when I mouse over it it changes to green). I would like this to be the same on the “Add to cart” button and when the customer is on the product tab, e.g. “https://aeliaspa.gr/product/7days-candy-shop-cupcake-sheet-mask-25g/ ” Could you make the change to the product tab to have black color. I had sent the username and password to [email protected]. If you want I can send again.January 16, 2023 at 10:46 am #203079Hi,
This is done. If you want to change the again.
Kindly go to Appearance >> Customize >> Basic >> find class Name “.woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt” >> and change it there.
See example screenshot:
https://ibb.co/Dbv163Q
Hope this help you.
Regards,
ChrisJanuary 16, 2023 at 12:21 pm #203083Ok, thank you!
January 16, 2023 at 12:27 pm #203088🙂
-
AuthorPosts
- You must be logged in to reply to this topic.