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?