Change from uppercase text in Header and Footer menus?

Hello @johnm243,

Thanks for using Hestia.

I understand you don’t want your menu items to me uppercase anymore.

This can easily be changed by replacing the text-transform: uppercase; to text-transform: capitalize;

Please go to Appearance -> Customize -> Additional CSS and add the following code:

.navbar .navbar-nav>li>a {
   transform: capitalize;
}

If this code doesn’t work, try adding !important like this:

.navbar .navbar-nav>li>a {
   transform: capitalize !important;
}

Hello again,

I apologize but it looks like something went wrong while writing the code that you need to use. It should say text-transform instead of just transform.

Please disregard the code from my previous reply and use this one instead:

.navbar .navbar-nav>li>a {
   text-transform: capitalize;
}

Thanks Silvuo. That worked perfectly for the upper Primary Menu. However, the same menu that is in the Footer Menu didn’t get transformed.

As well, the links in the widgets in Footer One, Footer Two and Footer Three are still in all caps. How do I modify those? Please note that the text in the widgets include some text that is already all caps so I need it to leave the text as is…

Also, I want to get remove “Hestia | Developed by ThemeIsle” that is in the Footer Menu. I presume that I can do this with Hestia Pro. I was looking on the Hestia Page (https://themeisle.com/themes/hestia/) and couldn’t find a feature comparison between the free theme and Hestia Pro.

Thanks again,

John

@silviu0themeisle – still no answer to my question of 3 weeks ago. Can you please get back to me in the next couple of days? I prefer Hestia, but I absolutely detest all-caps!

If I can’t get rid of those all-caps in the footers, I’ll have to use my 2nd choice theme instead of Hestia.

Thanks very much,

John

Hello @johnm243,

Sorry for the late reply.

I have actually put together a guide to adjust the text-transform for your header and footer menus. Please have a look at this guide -> https://docs.themeisle.com/article/1067-uppercase-to-capitalize-hestia

Also, for removing the copyright on the bottom, please follow this guide -> https://docs.themeisle.com/article/654-how-to-hide-footer-copyright-credits-in-hestia

Thanks @silviu0themeisle, very much appreciated!

John

Hello again @silviu0themeisle. The CSS code fixed the all caps issue I was having with the navbar and footer menus.

However, the CSS code didn’t fix the all caps menus in the Footer One, Footer Two and Footer Three widgets.

How do I change those menus to

text-transform: none;

Thanks for your help,

John

Hi there @silviu0themeisle. I found another place where the text is transformed into uppercase: the categories on the blog page!

Is there CSS code I can place in Appearance -> Customize -> Additional CSS to counteract the effects of

text-transform: uppercase;

everywhere in Hestia?

If not, I’m going to need the CSS code to text-transform the categories on the blog page as well as the previously requested CSS to use text-transform in the menus in the Footer One, Footer Two, and Footer Three widgets.

Thanks again,

John

@silviu0themeisle, I requested an answer to this question 3 weeks ago:

—–

Hi there @silviu0themeisle. I found another place where the text is transformed into uppercase: the categories on the blog page!

Is there CSS code I can place in Appearance -> Customize -> Additional CSS to counteract the effects of

text-transform: uppercase;

everywhere in Hestia?

If not, I’m going to need the CSS code to text-transform the categories on the blog page as well as the previously requested CSS to use text-transform in the menus in the Footer One, Footer Two, and Footer Three widgets.

Thanks again,

John

—–

My website is nearly ready and I do want to use Hestia … but, as mentioned before, I detest ALL CAPS!

Thanks very much,

John