Change in header contact icons

Hi,

how can i change the icons at the header contact section for example phone icon.

i tried the bellow similar solution posted but it didn’t work.

i think the class name changed on the new release updates

Thanks

Hello,

First thanks for using our Sydney Pro theme!

Could you please share your website link/URL with us? So we can inspect the code, see how your website is structured and send the best solution for you.

We await to proceed with this thread.

Kind Regards,

Rodrigo.

aThemes Support

Hi

Rodrigo

halalgrouptr.com

Thanks

Hello,

Thanks for the link!

Please try adding the given custom CSS code below at Appearance > Customize > Additional CSS:

/* Hide the SVG icons */
.header-phone .icon-holder,
.header-email .icon-holder,
.header-address .icon-holder  {
	display: none
}

/* Set the font family, color and spacing */
.header-phone:before,
.header-email:before,
.header-address:before {
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	color: #2d62b7;
	margin-right: 10px;
}

/* Phone icon code */
.header-phone:before {
	content: '\f00c';
}

/* Email icon code */
.header-email:before {
	content: '\f00c';
}

/* Address icon code */
.header-address:before {
	content: '\f00c';
}

OBS: You can change the icon code for each contact item by getting the code from font awesome website - https://fontawesome.com/

Search for the icon you want and then get the code like in the below image:
image

We hopte this helps!

Please try that and let us know if you need further help.

Kind Regards,

Rodrigo.

aThemes Support

the issue solved. thanks for the solution.

1 Like