Docs

[Hello]

Hi,
How do I change the font in Header, under Top Bar Content? I like to have the same font and colour (black) as other parts of the homepage.

The Body and Content font in Body Font is Verdana (System). The font in the Top Bar looks similar to Verdana but thinner.

http://www.trillionpeak.com – The Under Construction plugin is being used.

Please reply soonest.

[Prasant Rai]

Hello There,

Thanks for writing in!

Please use following CSS under Custom > CSS in the Customizer to change font in header:

.x-navbar .desktop .x-nav > li > a:not(.x-btn-navbar-woocommerce) {
    color: #000 !important;
    font-family: Verdana, Geneva, sans-serif !important;
}

Let us know how it goes.

Thanks.

[Hello]

Hi,
Tried that in Edit Global CSS. Doesn’t work?

[Joao]

Hi There,

Please add to style.css of your child theme or to Appereance > Customizer > Custom > CSS

Hope it helps

Joao

[Hello]

Hi,
I did that. I went to Appearance, Customise, Custom, Edit Global CSS and added the CSS.

But no difference. I have attached a screenshot.

Is there another way? Or something missing?

[Joao]

Hi There,

I tested on my installation and it does work.

Would you mind providing us with login credentials so we can take a closer look? To do this, you can make a post with the following info:

– Link to your site
– WordPress Admin username / password

Don’t forget to select Set as private reply. This ensures your information is only visible to our staff.

Thanks

Joao

[Hello]

This reply has been marked as private.

[Paul R]

Hi,

The font is the same but the font-size and letter spacing are different plus the text in your topbar is in uppercase
so it looks different.

I check the source code and I can see that the css code is working.

I tried setting your body text to uppercase, and set it to the same font size and letter spacing.

It now looks the same

http://screencast.com/t/eqUMxOEC5nLB

Hope that helps.

[Hello]

Hi,
That’s cool. Thanks. But now there is a bit too much space on the right side.

Can you see the left and right sides of the full width screen are lopsided.

Please help shift the menu bar over to the right and align the contact email icon vertically with the cart below so both sides are equal in distance to the sides.

Thank you.

[Joao]

Hi There,

Please add the following code to Appereance > Customizer > Custom > CSS

.x-navbar {
    margin-left: 15%;
}

Hope it helps

Joao

[Author]

Posts