How to Change Header Button Icon Naturopathy Theme

Home Forums All Other Themes How to Change Header Button Icon Naturopathy Theme

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #215774
    Christopher ToyChristopher Toy
    Participant
    • Topics: 3
    • Replies: 9
    • Total: 12
    Member since: January 22, 2024

    Hello
    I want to swap the Header Button phone icon (top right) to may own, what is the CSS code change the icon?

    https://sporetuality.com

    Thanks,
    Chris

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

    Hi,

    Phone icon i coming from the background image. If you want change phone icon?

    Kindly put your image path instead of “phone-icon-right.png”

    .skt-header-extras .skt-header-button a {
      background-image: url(images/phone-icon-right.png);
    }

    Regards,
    Chris

    #215874
    Christopher ToyChristopher Toy
    Participant
    • Topics: 3
    • Replies: 9
    • Total: 12
    Member since: January 22, 2024

    Chris,
    Thanks again! Now I can’t seem to change the hover color to purple, I even have the setting for Header Button Hover Color set to purple but it remains green on hover?

    https://sporetuality.com

    Thanks,
    Chris

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

    Hi,

    Kindly use this CSS code to change hover color green to purple.

    .skt-header-extras .skt-header-button a:hover {
      color: #6f00bf;
    }

    Regards,
    Chris

    #215939
    Christopher ToyChristopher Toy
    Participant
    • Topics: 3
    • Replies: 9
    • Total: 12
    Member since: January 22, 2024

    Hi Chris,
    Thanks again! I am also experiencing the same issue on my prices on my product page. I want to turn this from Green to purple also?

    https://sporetuality.com/product/sporetuality-amanita-mushroom-gummies-5-pack/

    Thanks,
    Chris

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

    Hi,

    Kindly use this CSS code to change green to purple.

    .woocommerce div.product p.price, .woocommerce div.product span.price {
      color: #6f00bf;
    }

    Regards,
    Chris

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