how do i change the color of the button to the product tab

Home Forums SKT Full Width Forum how do i change the color of the button to the product tab

Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • #202979
    Maria BordoliMaria Bordoli
    Participant
    • Topics: 46
    • Replies: 58
    • Total: 104
    Member since: December 14, 2021

    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!

    #202983
    Sonl SinhaSonl Sinha
    Moderator
    • Topics: 0
    • Replies: 30927
    • Total: 30927
    Member since: August 16, 2013

    Hi,

    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,
    Chris

    #202994
    Maria BordoliMaria Bordoli
    Participant
    • Topics: 46
    • Replies: 58
    • Total: 104
    Member since: December 14, 2021

    Ηι,
    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.

    #202997
    Sonl SinhaSonl Sinha
    Moderator
    • Topics: 0
    • Replies: 30927
    • Total: 30927
    Member since: August 16, 2013

    Hi,

    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,
    Chris

    #202999
    Maria BordoliMaria Bordoli
    Participant
    • Topics: 46
    • Replies: 58
    • Total: 104
    Member since: December 14, 2021

    Hi,
    I have made the chance but nothing happen. It is strange 🙂

    #203001
    Sonl SinhaSonl Sinha
    Moderator
    • Topics: 0
    • Replies: 30927
    • Total: 30927
    Member since: August 16, 2013

    Hi,

    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,
    Chris

    #203002
    Sonl SinhaSonl Sinha
    Moderator
    • Topics: 0
    • Replies: 30927
    • Total: 30927
    Member since: August 16, 2013

    Hi,

    Issue have been resolved. Kindly check and confirm.

    Regards,
    Chris

    #203003
    Maria BordoliMaria Bordoli
    Participant
    • Topics: 46
    • Replies: 58
    • Total: 104
    Member since: December 14, 2021

    Thank 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.

    #203038
    Maria BordoliMaria Bordoli
    Participant
    • Topics: 46
    • Replies: 58
    • Total: 104
    Member since: December 14, 2021

    Ηι,
    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.

    #203079
    Sonl SinhaSonl Sinha
    Moderator
    • Topics: 0
    • Replies: 30927
    • Total: 30927
    Member since: August 16, 2013

    Hi,

    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,
    Chris

    #203083
    Maria BordoliMaria Bordoli
    Participant
    • Topics: 46
    • Replies: 58
    • Total: 104
    Member since: December 14, 2021

    Ok, thank you!

    #203088
    Sonl SinhaSonl Sinha
    Moderator
    • Topics: 0
    • Replies: 30927
    • Total: 30927
    Member since: August 16, 2013

    🙂

Viewing 12 posts - 1 through 12 (of 12 total)
  • You must be logged in to reply to this topic.