Widgets problem

Support
#1

Hey,
1/How can i add social media icons on the top bar
2/how can i modify the size and the placment on the top bar
thanks

#2

Hello @Fayssal90,

Thanks for asking. :slight_smile:

You can enable social icons on top bar from X > Launch > Options > Header > Miscellaneous > Topbar (toggle) . You can control social icon url from X > Launch > Options > Social.

You can adjust social icon size by adding following CSS under X > Launch > Options > CSS:

.x-topbar .x-social-global a {font-size: 25px;}

Thanks.

1 Like
#3

hey ,
1/I want to separate the icons a little and put them to the right in half of the top bar and change their colors
2/I want to change the color of the text and put it in the middle vertical
Thanks

#4

Exactly like this.

Thanks

#5

Hi there,

Please add this CSS to your global custom CSS.

/* change topbar text color and align it vertically */
.x-topbar {
color: #fff;
line-height: 50px;
}

/* change icon color and spacing */

.x-topbar .x-social-global a {
color: #fff;
padding-left: 10px;
}

The 50px is a sample, you may change it and it must be equal to the height of your current topbar.

Thanks!

#6

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