social links: change icon footer

  • This topic has 3 replies, 2 voices, and was last updated 1 year ago by Andre Flores.
Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #845896
    Joao Agostinho
    Participant

    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

    #848519
    J. Davis
    Keymaster

    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

    #942094
    Miltiadis Vidalis
    Participant

    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

    #942509
    Andre Flores
    Moderator

    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

Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.