Can you move the top bar text over to the right so it's next to the social media icons, with a 20px gap before the social media icons?

[core365]

Hi, is it possible to move the top bar text over to the right so it’s next to the social media icons, with a 20px gap before the social media icons? It’s all to stay on the same line.

Also, can the background behind just the text (not the social media icons) be in a different colour so it stands out?

I’ll put the URL in a secure note as it’s on a temp link.

Hope you can help!

Thanks!

[Alaa]

Hi @core365

That’s the CSS code snippet you need to adjust both cases, you can add it to (Theme Options > CSS):

.x-topbar .p-info {
    float: right;
    margin-right: 20px;
    background-color: #eaeaea;
}
.x-topbar-inner {
    display: flex;
}

As this is all custom development, regretfully we wont be able to assist further. Custom development is outside the scope of our support. We are happy to provide advice and get you started in the right direction, but you would still be responsible for the implementation. And moreover, this solution may not work after several updates especially if the themes structure changed or overridden.

I’ll list below some CSS/HTML resources that should help you to carry on these modifications on your own in the future:

Thanks.

[core365]

That’s excellent, spot on for what I wanted! I appreciate the resources for the CSS too.

Thank you!

[paul.r]

On behalf of my colleague, you’re welcome. Cheers!