How to change or remove icon form the “Header custom HTML ” box in Header?
Kind regards,
Johan
This topic has 12 replies, 3 voices, and was last updated 9 years, 7 months ago ago by Robert Hall
How to change or remove icon form the “Header custom HTML ” box in Header?
Kind regards,
Johan
Hello,
What icon do you want to remove?
Please show on a screenshot and provide your site name.
Regards,
Eva Kemp.
I want to know how to remove it AND how i could change it to another icon
Here is a screenshot: http://s32.postimg.org/a21e64ql1/Schermafbeelding_2016_05_16_om_13_44_14.jpg
Hello,
You can remove this icon using code in Global Custom CSS:
.header-type-7 .header .tbs span::before {
background: transparent;
}
To change it use this css code:
.header-type-7 .header .tbs span::before {
background-image: url(http://your_link_to_image);
}
Regards,
Eva Kemp.
Thank you, but how can i change it to one of the icons that are included in the theme?
Hello,
Please clarify what icon you want use there?
Regards,
Robert Hall
The information icon, the “i” icon.
Hello,
You can use this code:
.header-type-7 .header .tbs span::before {
content: "\f0f3";
font-family: FontAwesome;
}
Replace the code \f0f3 with the needed one of FA icons http://fontawesome.io/icons/ .
Regards,
Eva Kemp.
Now the icon overlaps the original yellow icon, i want the replace the original, but keep the yellow colour
Hello,
Try the following variant:
.header-type-7 .header .tbs span::before {
content: "\f129";
background: none;
font-family: FontAwesome;
color: #DBAA56;
}
Regards,
Eva Kemp.
This worked thank you!
Hello,
You’re welcome!
Regards,
Robert Hall
The issue related to '‘How to change or remove icon form the "Header custom HTML " box in Header’' has been successfully resolved, and the topic is now closed for further responses