Docs

[SkeeterHarris]

Hi,

I have found some help on this but what I am trying to do is have the Top Bar Content sit on the same line as the social media icons but to their left about with about 5px spacing. I found this CSS update but it’s not getting me all the way there.

The site is in development but you can see it here. http://bcb.5d4.myftpupload.com

The code I found elsewhere here is as follows:

.x-topbar p.p-info {
float: none !important;
margin: 0 auto;
display: block;
text-align: center;
}

img.alignleft.wp-image-7557 {
float: none;
}

Thanks!

[SkeeterHarris]

Oh and I click save before I should have, Ideally I want to format this as reversed text so that the color selected for the text forms a box around it and the text itself appears white.

[Jade]

Hi there,

Please try this code:

.x-topbar-inner {
    position: relative;
}

.x-topbar .x-social-global {
    position: absolute;
    right: 0;
}

.x-topbar p.p-info {
    position: absolute;
    right: 120px;
    top: 15px;
}

Hope this helps.

[SkeeterHarris]

Hey there!

yes it did! I tweeted the top offset down to 5px so it aligned better but awesome. Thank you so much. 🙂

[Rupok]

You are welcome!

Glad that it helped. Feel free to let us know if you face any other issue. We’ll be happy to assist you.

Thanks for using X.

Cheers!

[Author]

Posts