How can I enable the spans in this template?

On this site here:

I would like to enable span tags on the module headings and article headings.

On the template parameters I have enabled font spans, but I cant seem to implement them

Can someone help me with this?
LVL 11
Amanda WatsonWeb DeveloperAsked:
Who is Participating?
I wear a lot of hats...

"The solutions and answers provided on Experts Exchange have been extremely helpful to me over the last few years. I wear a lot of hats - Developer, Database Administrator, Help Desk, etc., so I know a lot of things but not a lot about one thing. Experts Exchange gives me answers from people who do know a lot about one thing, in a easy to use platform." -Todd S.

Tony van SchaikFront-end Web developerCommented:
You need to open up the index.php (template for the website) in the theme folder and search for the following and add spans to it.

And after that you need to add the your style in the template.css

You can find those files in the Root folder of your website:

Seems that the template you use doesn't support it by default so need to add it yourself.

Good luck

<!-- index.php -->
<h1 class="componentheading"><span>Articles</span></h1>
<h2 class="contentheading"><span>How To Profit From The GFC</span></h2>

<!-- Template.css example -->
.componentheading span {
.contentheading span {

Open in new window


Experts Exchange Solution brought to you by

Your issues matter to us.

Facing a tech roadblock? Get the help and guidance you need from experienced professionals who care. Ask your question anytime, anywhere, with no hassle.

Start your 7-day free trial
Tony van SchaikFront-end Web developerCommented:
And if you mean this there's a lot info there but i think you need to edit the TinyMCE editor through FTP. And make a backup if you upgrade Joomla in the future the TinyMCE files will be overwritten.

Example of usage of the convert_fonts_to_spans option:

// Javascript

	convert_fonts_to_spans : false

Open in new window

Amanda WatsonWeb DeveloperAuthor Commented:
Where do I add this too?
I am a little worried why I need to do this to this template as you can see the spans are in place in the demo of the template here .
I am not sure why they are not working on my site with the same template?

Amanda WatsonWeb DeveloperAuthor Commented:
Didn't quite fix my problem
It's more than this solution.Get answers and train to solve all your tech problems - anytime, anywhere.Try it for free Edge Out The Competitionfor your dream job with proven skills and certifications.Get started today Stand Outas the employee with proven skills.Start learning today for free Move Your Career Forwardwith certification training in the latest technologies.Start your trial today

From novice to tech pro — start learning today.