[Andrew FParticipant]

Can you tell me why the text in the topbar appears to be out of alignment vertically? The only time it occurs is with numbers. Thank you

http://whisperroom.bryantconsultants.co

This text below.

Info@whisperroom.com Call 865-558-5364 or 1-800-200-8168 (US)

[Prasant RaiModerator]

Hello Andrew,

Thanks for writing in!

We are unable to replicate the issues you are facing at our end as every thing appears to be working fine. Can you share a screenshot with us, that will help us to assist you in a more efficient manner.

Thanks.

[Andrew FParticipant]

It is present in your image too the 86 is not in line with the 5 and the 55 is not in line with the 8 etc…. The only place it happens is the topbar everywhere else it is in a straight line. (Sorry I couldn’t get the image to embed in the post)
http://nimb.ws/bGVFWd

[DarshanaModerator]

Hi there,

Upon testing your issue, I found out that, it is related to the font. Could you please try adding the following CSS rule to change the font. Place the code into your Customizer, Custom > CSS section using the menu Appearance -> Customize.

.x-topbar .p-info {
    font-family: Lato;
}

Hope that helps.

[Andrew FParticipant]

It is that font, it doesn’t do it when you preview it on Google Fonts. So I didn’t know if it was some specific CSS or my configuration. But that did correct the issue with that font. Still odd I tried increasing the spacing, line height, margins etc. nothing changed it.

[ZeshanMember]

Hi Andrew,

Thanks for writing in!

There’s a CSS code added in your website to change the position of topbar to absolute (see: http://prntscr.com/75ji68). Please remove this CSS code and the line height and margins issue should be resolved.

.x-topbar {
  position: absolute;
  top: 0;
  width: 100%;
}

Thanks!

[Andrew FParticipant]

Hi its me again, we noticed today that this is happening in other places http://whisperroom.bryantconsultants.co/ look at the middle where it says

Questions?

Let a Trained Product Representative Guide You in Choosing Your Sound Booth! Call, Click or email to learn more! info@whisperroom.com | 800-200-8168 | 865-558-5364

The phone numbers are not in alignment there and it happens in other places too, I don’t see any pattern to what is causing it.

[Rue NelModerator]

Hello There,

Thanks for updating the thread! Upon checking your site, you are using Raleway font. We did comparison in Google fonts and this is what we got. http://prntscr.com/7a9bo3

In Raleway, by default, the numbers is not aligned compared to other fonts.

Hope this explains it.

[Author]

Posts