Edit Header elements as : Call us / Wish List / customer account / Cart icons

[tngkssn]

Hey,

I would like to edit the different element of the header as :
– The phone number of the Helpdesk
– Change the color of following icons (individually) : Wish List / customer account / Cart icons
– The font size of the cart total amount

Thank you

[Billy Nguyen]

Hi there,

#1. Change phone number:

Go to Freshio Options -> Header -> Contact Info: https://prnt.sc/xffzp7

#2. Please copy code into file style.css ( child-theme) and edit your-color:

Account icon:

.site-header-account{
background: #your-color ! important;
}

Whishlist:

.site-header-wishlist{
background: #your-color ! important;
}

Cart Icon:

.site-header-cart .cart-contents:before{
background: #your-color ! important;
}

#3.Font size:

.site-header-cart .cart-contents .amount{
    font-size: your-size ! important;
}

[tngkssn]

Thank you !
And how can I please get the hover (changing color) effect for each icon ?

[Billy Nguyen]

Hi,

Where do you want to change color hover? Menu icon on the footer?/
Mobile version not support hover effect, so that this is not necessary.

[tngkssn]

Hello
I want to apply the change color hover on the header icons !
I tried to edit the provided code but I did not succeed to make it.
Thank you

[Billy Nguyen]

Oh sorry,

Try to use this code:

.site-header-account:hover {
    background-color: #your-color !important;
}

.site-header-wishlist:hover {
    background-color: #your-color !important;
}

.site-header-cart .cart-contents:hover:before {
    background-color: #your-color !important;
}

[Author]

Posts