How do I add text before my social media icons on my top header?
The question came up on one of the social media developers’ groups I follow, where I kindly assisted the fellow Divian.
So, let’s say you want to add some text before your social media icons located on your secondary header. This can easily be achieved by using the pseudo classes. The image below, shows the text I added just using CSS “Follow me on Social Media:”
To achieve this, you simply have to add the following CSS to your stylesheet
.et-social-icons:before {
content: "Follow Me";
}
You can of course change the text to whatever you want it to be 🙂
Was this article helpful?
YesNo
Hi!
I’ve a problem with adding linked text before phone/email (left side of top-header)? Could you please explain me how to deal with this issue? Thanks!
Hi Blas, unfortunately, this is not something I have had to do on a previous project. It is also something I am not in a position to look into due to other commitments, so my suggestion would be a google search as I am sure others may have had the same requirements as you.
This is so simple. Thank you for writing this code
Thanks! I’ll give that a try!
Catarina,
This was so easy to implement! Thank you so much!
I’ve dropped my address into the secondary header using the .et-social-icons:before class. I do have one question. Is there a way to drop in an icon before my address? I’d like to use Divi’s location icon (“\e081”) before my address, but can’t seem to find a way to do it.
Thanks!
I think for what you want to achieve, I would probably add the address as a custom link to the secondary menu and then give it a class and then add the icon via the :before. Hope that helps
Thank you, this worked perfectly for what i was needing.
Glad it helped!