Personalize the top bar

[Fayssal90]

Hey,

How can personalize my top bar:

1/Change the police: times new roman(Font)
2/ Bold
3/Font size
4/Color of the text
Thanks

[ruenel]

Hello There,

Thanks for writing in!

The font of the topbar is dependent with the Body and Content settings. You can change this settings in X > Launch > Options > Typography > Body and Content.

And if ever you want a custom setting where the topbar will have a different font from the rest of the body and content settings, you can make use of this custom css in the X > Launch > Theme Options > Global CSS (http://prntscr.com/evui3r)

.x-topbar .p-info {
    font-family: "Times New Roman", serif;
    font-weight: bold;
    font-size: 16px;
    color: red;
}

We would loved to know if this has work for you. Thank you.

[Fayssal90]

thanks it works.
But i can’t personalize the social media icons:
1/Color
2/Background color and size
3/Size

[basanta]

Hi There,

thanks for asking again!

to change the appearance of the social icons you need custom css.
Please add this css to your global css.

.x-topbar .x-social-global a {
   height: 45px;
   width: 45px;
  font-size: 20px;
   color: #ffff; /* change your color*/
   background: #fff;
}

Please change those values as per your requirement.

Thanks