How to Change Header Button Icon Naturopathy Theme

[Christopher Toy]

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

[Sonal S Sinha]

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

[Christopher Toy]

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

[Sonal S Sinha]

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

[Christopher Toy]

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

[Sonal S Sinha]

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

[Author]

Posts