Home › Forums › All Other Themes › How to Change Header Button Icon Naturopathy Theme
- This topic has 5 replies, 2 voices, and was last updated 1 month, 2 weeks ago by Sonnal S Sinha.
-
AuthorPosts
-
March 8, 2024 at 10:55 am #215774
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,
ChrisMarch 8, 2024 at 4:52 pm #215806Hi,
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,
ChrisMarch 14, 2024 at 9:34 am #215874Chris,
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,
ChrisMarch 14, 2024 at 11:53 am #215876Hi,
Kindly use this CSS code to change hover color green to purple.
.skt-header-extras .skt-header-button a:hover { color: #6f00bf; }
Regards,
ChrisMarch 15, 2024 at 4:14 am #215939Hi 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,
ChrisMarch 15, 2024 at 8:56 am #215941Hi,
Kindly use this CSS code to change green to purple.
.woocommerce div.product p.price, .woocommerce div.product span.price { color: #6f00bf; }
Regards,
Chris -
AuthorPosts
- You must be logged in to reply to this topic.