Shape 5

Joomla Templates => Touch of Soul - Club => : lemarquis May 09, 2010, 03:47:58 PM



: Setting color for Heading tags
: lemarquis May 09, 2010, 03:47:58 PM
I'm having a bit of trouble with defining the color of the heading tags used in my articles.

I know that when creating a new article whatever I enter into the 'Title' field will be used as the header title and the meta page title.  I like the font and color that the Touch of Soul template uses for this header title (the one that shows up on the page itself, at the top).  However, I would prefer to have this header title rendered by wrapping it in an H1 tag instead.  This is for SEO reasons - I'd like the entry that I use in the article's "title" field to be used as the meta title tag without it being used as the title for the article's content header (I want the ability to name that separately). 

Therefore, I set the 'show article title' selection to 'No' in the article manager's global settings.  Then I styled the H1 tag in the template_css.css file like so:

h1 {
   font-size:25px;
   font-family: "Times New Roman";
   line-height: normal;
   font-weight: normal;
   color: DE4409;
}

This matches how the original header title was rendered on the page.  However, when I create the article and wrap the title in an H1 tag it doesn't match the original style.  Actually, everything except the color matches and I cannot figure out what is overriding the color that I specified for H1 in the css file. 

Below are two links to pages on my site so that you can compare what's happening.

1. http://www.instrumentguru.net/guitar/jamorama-review.html
2. http://www.instrumentguru.net/guitar/guitar-tricks-review.html 

First of all, I went back to the article manager's global settings and turned the 'show article title' setting back to 'Yes'. 

Then, for the first webpage above I selected 'No' for the 'Show Title' option under advanced parameters.  You can see what is happening to the 'Jamorama' title that I wrapped in H1 - it's adopting the font family and size yet it isn't adopting the orange color that was set in the css file.  The second page is using the original settings - no H1 tag is used for the 'Guitar Tricks' title and the article is adopting the 'Yes' setting from the 'Show Page Title' of the article manager's global configuration.

I suppose I could have made this a little shorter, but I wanted to be as thorough as possible.  In short, my question is - How do I get the 'Jamorama' title (using h1 tags) to match the style of the 'Guitar Tricks' title?


: Re: Setting color for Heading tags
: mikek May 10, 2010, 07:31:52 AM
Hello, you need this for your color line:

color:#DE4409;

You currently have:

color: DE4409;


: Re: Setting color for Heading tags
: lemarquis May 10, 2010, 09:16:04 PM
Arghh!  Unbelievable!  I can't believe that I overlooked that.  It's always something so simple.

Thanks so much for your help.