social links: change icon footer

[Joao Agostinho]

Hi guys,

I would like to add the “booking” link and logo/ icon to the footer menu.

On the last side page menu since it shows only text, it’s easy, but with the icon I having some trouble.

Is that possible?!

Thanks for any help given.

Joao

[J. Davis]

Hi Joao,

Thank you for your question. The icons in the footer menu are added by FontAwesome. Unfortunately there is no icon of bookingCom logo among FontAwesome icons so the only way to add an icon to use an image applying it with custom CSS

best regards,
J. Davis

[Miltiadis Vidalis]

Hi,

how do i insert an email icon (ideally an envelope) from fontawesome in the footer socials menu? Facebook, Instagram and twitter work as icons, but when I write email or similar in the navigation label, the text is shown.

Thanks
Miltos

[Andre Flores]

Hi, Miltiadis!

The Font Awesome unicode for E-mail (envelope) is: \f0e0
So, once the Email is added to the navigation menu, add the following CSS code under Appearance ->Customize ->Additional CSS:

.theme-social-menu a[href*="YOUR_MAIL_TO_LINK_GOES_HERE"]::before {
    content: "\f0e0";
}

Where YOUR_MAIL_TO_LINK_GOES_HERE is the mailto link you have added to the Email menu item.

Regards,
Andre

[Author]

Posts