Change social icons location in top bar

I have inserted a search in topbar and also social icons.

Firstly how can I edit the social icons colors? (they do change to coloured when hovered)
How can I position the social icons on the right side of the search button?

Hi There,

Please provide us with your website URL so we can take a closer look.

Thank you.

I would also like to know how to change the color of the social media icons in the topbar (I also have some text linked with an href HTML code, and it appears the same color as the social media icons. I’d love to be able to change the color…Thanks!

Hello @ABWosp,

Thanks for asking. :slight_smile:

You can add following CSS under X > Theme Options > CSS:

.x-topbar .x-social-global a {
    color: #ddd;
}
.x-topbar .p-info {
    color: #ddd !important;
}

.x-topbar .p-info a {
    color: #ddd;
}

If you have further questions please create a new ticket and share relevant details in the same. Please take a look at following article on how we provide support:

Thanks.

2 Likes

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.