How to change logotype text to not show capital letters?

I would like to use a mix av small and capital letters in the logotype (not using an image). How do I do this and keep in mind to keep it simple to upgrade the template in the future?

Hello,

The easies way will be adding the following code under the advanced settings tab as a custom CSS code:

Code: Select all

#gkLogo.text {
text-transform: none!important;
}

Good ... and I am trying to add a control for the size with this code:

Code: Select all

#gkLogo.text {
text-transform: none!important;
font-size: 16px;
}

... but it will not have any effect. Can you give some hints on how to solve it?

Please try to use:

Code: Select all

font-size: 16px!important;

I'm sorry ... it will not work. I use the following code in override.css

Code: Select all

#gkLogo.text {
text-transform: none!important;
font-size: 16px!important;
}

Any other ideas that I can try?

Please try to use the following code:

Code: Select all

#gkLogo.text {
font-size: 16px!important;
}
body #gkLogo.text,
body #gkLogo.text > span,
body #gkLogo.text .gkLogoSlogan {
text-transform: none!important;
}


Thank you for the assistance so far. It is not working 100% yet, but I will not put more time on it as there will be graphics appearing soon instead.