Top bar text and styling issues

[angelahoskins]

Hi there,
I 'm trying to style the top bar with this following css. So I want a linkable phone number and to pull the social icons:
.top-bar.x-social-global {
display: none;
}
.x-topbar .p-info p a {
float: center;
font-color: #ffffff;
font-size: 1em;
}

It’s not working. I’ve cleared the Cornerstone cache.
BTW, I’ve only added one link to the list of social options but they are all displaying.
I’ll send a secure note.

Thanks very much.

[christian]

Hey Angela,

Before I answer, please note that we do not provide support for custom codes including CSS modifications to the theme. It would be the user’s responsibility to fix it. I’ll provide guidance for now but we can’t continue pointing you to CSS fixes. That service is exclusive to our One support.

With that said, the first block of CSS is incorrect. Use the browser’s element inspector to view the correct structure.

For the second CSS block, you don’t need the p because the p-info already uses the p tag. Remove the p tags in the Topbar Content.

---

Regarding the Social links, please ensure the fields are blank. No characters must be in there including spaces. Click the fields and delete the spaces.

Hope that helps.