Docs

[worldofjames]

Hi there

As ever, loving X and the hard work you guys put in to helping us all out.

I want to tweak the social icons in my topbar. Is there a way to add them in separate colors?

Also, I’d like a call to action to come in front of them. Something along the lines of ‘Follow us on social media’. Is this possible?

http://www.liveeveryminute.co.uk

Many thanks
James

[Rue Nel]

Hello James,

Thanks for writing in!

To resolve this issue, please add the following css code in the customizer, Appearance > Customize > Custom > CSS or insert this code in your child theme’s style.css (if you are using a child theme)

.x-topbar .x-social-global:before {
    content: "Follow us on social media:";
    color: #fff;
    display: inline-block;
    font-size: 17px;
}

.x-topbar .x-social-global .facebook {
    color: red;
}

.x-topbar .x-social-global .twitter {
    color: green;
}

.x-topbar .x-social-global .google-plus {
    color: yellow;
}

Feel free to change the colors that will suit your preferences.

[worldofjames]

Thanks Rue… Great service as ever

[Nico]

Happy to hear that.

Feel free to ask us agian.

Thanks.

[Author]

Posts