How can I change the text size in the header?

[Rui Guerreiro – SUPPORT]

Hi,

It’s missing a closed bracket after this line

color: #d4af37 !important;

-Rui

[janheege]

Dear Rui,

Thanks for helping!

I did this:

…

nav .menu li.current-menu-ancestor > a, nav .menu li.current-menu-item > a
{
color: #d4af37 !important;}

…

But It doesn’t work..

Best regards, Jan

[David Martin – Support]

Jan, what does not work? You mentioned “there is a little mistake in my css-code”. But what does that cause? please be more concise.

– David.

[janheege]

Dear David,

Thanks for helping.

Screenshot 2016-06-24 18.23.56.png —> That’s my current problem with the main menue bar. It’s my german website.

css-code from german website:

#header-section .header-menu .menu > li {
font-size: 14px;
}
nav .menu li {
font-size: 15px;
}
.header-left, .header-right {
margin-top: 100px;
}
nav .menu li.current-menu-ancestor > a, nav .menu li.current-menu-item > a{
color: #d4af37 !important;}
.woocommerce-page .woocommerce-message, .woocommerce .woocommerce-message{
background: #C1FFC1 !important;}
.woocommerce-page .woocommerce-message, .woocommerce .woocommerce-message

#order_review{
display:none !important;
}

Screenshot 2016-06-24 18.25.55.png —> That’s how the main menue bar should be. It’s my english website. The Red arrows shows that the two words left and right should be a bit lower, like you can see it on Screenshot 2016-06-24 18.23.56.png my german website.

css-code english website:

#header-section .header-menu .menu > li {
font-size: 13px;
}
nav .menu li {
font-size: 14px;
}
nav .menu li.current-menu-ancestor > a, nav .menu li.current-menu-item > a {
color: #d4af37 !important;
.woocommerce-page .woocommerce-message, .woocommerce .woocommerce-message {
background: #C1FFC1 !important;
}
.woocommerce-page .woocommerce-message, .woocommerce .woocommerce-message

#order_review{
display:none !important;
}

Best regards, Jan

Attachments:

You must be logged in to view attached files.

[janheege]

Dear Support,

Please help.

Best regards

[David Martin – Support]

Hi,

The English site has a small CSS error:

Find this:

nav .menu li.current-menu-ancestor > a, nav .menu li.current-menu-item > a {
color: #d4af37 !important;

Change to this:

nav .menu li.current-menu-ancestor > a, nav .menu li.current-menu-item > a {
color: #d4af37 !important;
}

Please add a WP login for us to take a closer look if you encounter further issues.

Thanks.

[janheege]

This reply has been marked as private.

[David Martin – Support]

Hi,

So you still want to move these down?

You would need this:

#header-section .header-menu .menu > li {
    line-height: 200px;
    height: 200px;
}

[janheege]

Dear David Martin,

Thank you!

Yes, I want to move these down and there is a second thing I want to do. I want to make the words “Willkommen blackwood-watches” and “Ausloggen” and “Mein Konto” a bit bigger, so that you can read it easy.

Do have a css- code for the second thing, too?

Thanks

Best regards, Jan

[David Martin – Support]

Well this will move them as you mention:

#header-section .header-menu .menu > li {
    line-height: 200px;
    height: 200px;
}

To increase the font size, please use this:

#header-section .header-menu .menu > li {
    font-size: 18px!important;
}

[janheege]

Dear David Martin,

You are the man, it works!

The only small thing we could improve is the grey line between the words “Ausloggen” and “Mein Konto”, it’s a bit too long.

I am sure that you have css code, too.

best regards, Jan

Attachments:

You must be logged in to view attached files.

[David Martin – Support]

No problem, sure this will do it:

#header-section .header-menu .menu > li {
    border-left: none!important;
}

[janheege]

Dear David Martin,

Thank you for improving the line, but now I have no line between the words “Ausloggen” and “Mein Konto”. In my view it’s very helpful for my customers to see that there are two different links, so can we make the line between those two words? It should be just not so long like I showed you above.

Thank you in advance!

Best regards, Jan

[David Martin – Support]

The height cannot be reduced for the line.

You either remove it, change the color for less contrast or leave it as is. I can help with any option.

Thanks.

[janheege]

Dear David Martin,

Thanks for the information!

I will remove the css code, so that the black line is there again.

Best regards, Jan