[alsrdabParticipant]

#11718

Hello Yasser, Mustafa

Can I put some font awesome icon in the buttons in header?

Thanks

[alsrdabParticipant]

#11719

Sorry .. Mohammed/Mustafa

[Mohamed NabilModerator]

#11720

Hello alsrdab,

You can use this custom CSS:

#creiden-headerbuilder-helloheaderbuilder-header_button-6 a:before {
font-family: avaris;
content: '\e8cb';
}

#creiden-headerbuilder-helloheaderbuilder-header_button-7 a:before {
font-family: avaris;
content: '\e874';
}

Regarding the icons you want to use, you can tell us the icon you want to use, and we can give you the ‘content’ code for it.

Thanks

[alsrdabParticipant]

#11723

This reply has been marked as private.

[alsrdabParticipant]

#11724

This reply has been marked as private.

[Mohamed NabilModerator]

#11725

Hi,

Try this code instead.
Btw I am getting the selectors from https://mousmm.com/. That’s your website, right?

.headerRow .avaris-headerbuilder-button a:before {
font-family: avaris;
content: '\e8ac';
}
.headerRow .avaris-headerbuilder-button:last-of-type a:before {
content: '\e859';
}

Mobile icon: ‘\e8ac’
Cart icon: ‘\e859’

And i see you have added custom CSS for this selector (.mainHeader .headerButton.style1 a), please change it’s width from:
width: 105px;
to
width: 110px;

Let me know if there is still any issue regarding this part.

And what do you mean by fifth column? Could you please be more specific?

Thanks