Can someone let me know why my heading alway appear as Capitals, even the configuration in Joomla is lowercase?

See images CAPITALS

enter image description here


The link you posted requires login to display the content, however I checked other pages and found that your h1 headings are set to be shown as uppercase in your template's css, line 63:


In order to change this styling, unless there is a backend setting in your template's options, you will need a css override. Following this link: How do I override the CSS styles in my template?, you will find extended info on the proper way to create a custom css file for many well-know commercial Joomla templates (you are using a gavick template) - Johanpw's answer has covered this template provider as well.

But here is the bit of information you need:

Gavick Pro templates ship with an empty overrides.css file in the /css/ subdirectory. But note that this file is not loaded by default, you have to activate Override CSS in the Advanced Settings tab in the template settings.

Gavick website provides more info here: https://www.gavick.com/documentation/joomla/templates/customization/custom-template-css

After you have created your override css file, you need to write your css that will override the uppercase for h1.

So something like this should work:

h1 {
    text-transform: initial;

If you don't see a change, make sure you have cleared caches both browser's and Joomla's and that your css override files is loading.


Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

Not the answer you're looking for? Browse other questions tagged or ask your own question.