Docs

[mattheltzel]

Hi,

I have a special offer I want to feature in the top bar of my site, and I’d like that aligned left.

I also want my phone and email on the top bar, but I want that aligned right.

URL: https://renaissancepassport.com

Can I do this? Also, I’d like to change the font color of my phone number and email address. Tried a few things and I can’t figure it out.

Thanks!

[mattheltzel]

Sorry, URL is https://www.renaissancepassport.com

[Lely]

Hi There,

TO achieve that, please do update Topbar content to this:
Summer Special - New members receive their first vacation free! <span class="right"> P: <a href="tel:800.593.8520">800.593.8520</a> | E: <a href="mailto:[email protected]">[email protected]</a></span>

We have wrapped the link inside span tag. Then update the following custom CSS:
.x-topbar .p-info {
color: #ffffff;
}
To this:

.x-topbar .p-info {
  color: #ffffff;
  width:100%;
}

To change font color, use this:

.x-topbar .p-info a {
    color: red; /*Change to your preferred color*/
}

Hope this helps.

[mattheltzel]

This all worked flawlessly! Thanks!

[Darshana]

Glad we were able to help 🙂

[Author]

Posts