[Dirk]

Hi,

Is there a custom css code to change the text colour in the Header Top area?

Thank’s

[minal]

Hello @Dirk,

There is a custom CSS for you to change the text color in the header top

.top-main-wrapper, 
.top-main-wrapper a {
  color: #fff;
}

you can change your desired color on the above CSS code.

To add the above CSS please go to Dashboard >> Appearance> Customizer >> Additional CSS

Hope it works for you !!

Sincerely,

Minal

 

[Dirk]

Thank you very much Minal,

Totally happy with your solution!

Bye Bye,
Dirk

[Dirk]

Is there also custom css to modify the text size in the Header Top?

Thank you,
Dirk

[minal]

Hello @Dirk,

Glad that it works for you !!

And yes you can change the font size in the header top, Here is the CSS for it.

.site-header-top-menu * {

 font-size: 20px;

}

change the value with your desired value on the above code

Hope it works for you !!

Sincerely,

Minal

[Dirk]

Thank you Minal,

Can |I also change the text size for the other attributes like e-mail address, phone number and address in the Header Top?

Thank’s,
Dirk

[Dirk]

Hi,

In the Top Header menu, all words start capitalized. In the primary menu it is OK, only the first word starts capaitalized. Is there css to have only the first word capitalized in the Top Header menu?

Many thank’s,
Dirk

[minal]

Hello @ Dirk,

Yes we can achieve that. Please add below CSS on your additional CSS

.site-navigation .top-menu a {

  text-transform: lowercase;

}

.site-navigation .top-menu a:first-letter {

  text-transform: capitalize;

}

.contact-details li {

  font-size: 20px;

}

for font size for email, phone use that contact-details li for that.

Hope it will work for you

Sincerely,

Minal

• This reply was modified 4 months, 1 week ago by minal.
• This reply was modified 4 months, 1 week ago by minal.

[Dirk]

Thank you so much Minal, you made my day!

Best,

Dirk

[minal]

Glad it works for you

Have a nice day Dirk !!!

Sincerely,

Minal

• This reply was modified 4 months, 1 week ago by minal.

[Dirk]

Hi Minal,

Can I also change the hamburger menu colour in the Header Top?

Thank you

[minal]

Hello Dirk,

Here is the CSS for changing the color of hamburger

.menu-toggle {

  color: #fff;

}

Sincerely,

Minal

 

[Dirk]

Wonderful. Thank you so much Minal!!

Best,
Dirk

[Author]

Posts