How can I enable the spans in this template?

Posted on 2010-03-29
Medium Priority
Last Modified: 2012-05-09
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?
Question by:Amanda Watson
  • 2
  • 2
LVL 12

Accepted Solution

Tony van Schaik earned 1500 total points
ID: 29267330
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

LVL 12

Expert Comment

by:Tony van Schaik
ID: 29268050
And if you mean this http://wiki.moxiecode.com/index.php/TinyMCE:Configuration/convert_fonts_to_spans 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

LVL 11

Author Comment

by:Amanda Watson
ID: 29418117
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?

LVL 11

Author Closing Comment

by:Amanda Watson
ID: 31708591
Didn't quite fix my problem

Featured Post

Upgrade your Question Security!

Your question, your audience. Choose who sees your identity—and your question—with question security.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

This article demonstrates how to create a simple responsive confirmation dialog with Ok and Cancel buttons using HTML, CSS, jQuery and Promises
Is your Office 365 signature not working the way you want it to? Are signature updates taking up too much of your time? Let's run through the most common problems that an IT administrator can encounter when dealing with Office 365 email signatures.
Video by: Mark
This lesson goes over how to construct ordered and unordered lists and how to create hyperlinks.
Learn how to create flexible layouts using relative units in CSS.  New relative units added in CSS3 include vw(viewports width), vh(viewports height), vmin(minimum of viewports height and width), and vmax (maximum of viewports height and width).
Suggested Courses

601 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question