Add text with social icons header / footer

This topic has 5 replies, 2 voices, and was last updated 4 years ago by Skandha.

Viewing 6 posts - 1 through 6 (of 6 total)

Author

Posts
April 9, 2020 at 6:46 am #242039

lilleselmer
Participant

Hi! Is there a way I can add text, with the social icons in the header / footer?

April 9, 2020 at 7:44 am #242042
Skandha
Participant
@lilleselmer: Hello there,
Go to => Appearance => Customize => Additional CSS and add the following CSS Code.
```
#menu-social-footer .screen-reader-text {
    position: unset !important;
}
```
This will make the text you added with the social link visible.
Let me know if this is what you want!
Kind Regards,
Skandha
April 10, 2020 at 4:38 am #242176

lilleselmer
Participant

That worked. Do you know what I need to do to get the phone icon, next to the phone in the header / footer?

April 10, 2020 at 5:43 am #242184
Skandha
Participant
@lilleselmer: Hello there,
Go to => Appearance => Customize => Additional CSS and add the following CSS Code.
```
.menu-social-container li a[href*="tel:"]:before {
  content: "\f095";
}
```
Let me know if this works out!
Kind Regards,
Skandha
April 11, 2020 at 11:43 am #242319

lilleselmer
Participant

It worked, thanks. 🙂

April 11, 2020 at 10:50 pm #242363

Skandha
Participant

@lilleselmer: Hello there, I hope I was able to resolve your issue. If it’s not too much trouble, I have a quick request: could you please leave an honest review?
https://wordpress.org/support/theme/solid-construction/reviews/#new-post
Your review will help others know what to expect when they’re looking for the support I offer. Even a sentence or two would be hugely
appreciated. Thanks, and if there’s anything else at all that I can do to help, don’t hesitate to let me know. Have a good day! 🙂

Kind Regards,
Skandha
Author

Posts