Search Support

Avoid support scams. We will never ask you to call or text a phone number or share personal information. Please report suspicious activity using the “Report Abuse” option.

Learn More

why is header text forced lower case

  • 2 replies
  • 1 has this problem
  • 50 views
  • Last reply by gandsnut

more options

This problem first manifest itself in the Opera browser. I then loaded Firefox to check to see if the problem was specific to Opera, but it appears in Firefox as well.

I am building a web site www.gandsnut.net/elecprod/ using the current release of Joomla CMS (2.5.0). In that environment, one can specify top-of-page headers, logos, etc.

I wanted two lines of text to the left top of my home page. I want ['Nut's Electronic Specialties] (text inside brackets) and below it, I want [Clever gadgets, quality construction, interesting design!] (text inside brackets).

In Joomla, I configured the appropriate fields with the two text strings mentioned above -- keep in mind CASE is important.

In Firefox and Opera, what was displayed when browsing to the home page was the designated text, but all upper case letters had been made lower case.

At first I thought this was a problem with Joomla, and started submitting bug requests to their community.

Checking further, if I mouse click/drag across the two lines of text, and copy-paste that into a text file, the upper-case letters appear OK. In Firefox, using Tools -> Web Developer -> Page Source, and scan down to the text in question, it appears with the correct case!!!

Here's a copy/paste of the source:

<a href="/" title="Home">'Nut's Electronic Specialties</a>

Clever GaGeTs, quality construction, interesting design!

On the browsed page, the upper case letters are lower case.

HOW CAN THIS BE? How can what Firefox reports as page source for a web page show up differently ON the web page? Worse, how is it I can highlight/copy/paste a string of characters that all appear lower case, and when I paste them elsewhere, the case changes?

Please advise. Appreciated.

This problem first manifest itself in the Opera browser. I then loaded Firefox to check to see if the problem was specific to Opera, but it appears in Firefox as well. I am building a web site www.gandsnut.net/elecprod/ using the current release of Joomla CMS (2.5.0). In that environment, one can specify top-of-page headers, logos, etc. I wanted two lines of text to the left top of my home page. I want ['Nut's Electronic Specialties] (text inside brackets) and below it, I want [Clever gadgets, quality construction, interesting design!] (text inside brackets). In Joomla, I configured the appropriate fields with the two text strings mentioned above -- keep in mind CASE is important. In Firefox and Opera, what was displayed when browsing to the home page was the designated text, but all upper case letters had been made lower case. At first I thought this was a problem with Joomla, and started submitting bug requests to their community. Checking further, if I mouse click/drag across the two lines of text, and copy-paste that into a text file, the upper-case letters appear OK. In Firefox, using Tools -> Web Developer -> Page Source, and scan down to the text in question, it appears with the correct case!!! Here's a copy/paste of the source: <h1><a href="/" title="Home">'Nut's Electronic Specialties</a></h1> <h2>Clever GaGeTs, quality construction, interesting design!</h2> On the browsed page, the upper case letters are lower case. HOW CAN THIS BE? How can what Firefox reports as page source for a web page show up differently ON the web page? Worse, how is it I can highlight/copy/paste a string of characters that all appear lower case, and when I paste them elsewhere, the case changes? Please advise. Appreciated.

Chosen solution

The text is automatically converted to lower case because of a css rule that is applied to that text: #header H1 {text-transform:lowercase}
template.css line 26
http://www.gandsnut.net/elecprod/templates/art-blog-1.6/css/template.css

Read this answer in context 👍 0

All Replies (2)

more options

Chosen Solution

The text is automatically converted to lower case because of a css rule that is applied to that text: #header H1 {text-transform:lowercase}
template.css line 26
http://www.gandsnut.net/elecprod/templates/art-blog-1.6/css/template.css

more options

Thank you. I am not so good with CSS yet, so I did not see that. SOLVED.