Forum Support

Shape 5
March 29, 2024, 04:42:00 AM *
Welcome, Guest. Please login or register.

Login with username, password and session length
News: Shape 5 Forum
 
   Home   Help Search Login Register  
Pages: [1]
  Print  
Author Topic: Setting color for Heading tags  (Read 330 times)
lemarquis
Jr. Member
**
Offline Offline

Posts: 5



« on: 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?
Logged
mikek
Administrator
*****
Offline Offline

Posts: 28743



WWW
« Reply #1 on: May 10, 2010, 07:31:52 AM »

Hello, you need this for your color line:

color:#DE4409;

You currently have:

color: DE4409;
Logged

Mike Knott
------------
Shape 5 Team

- Need a great host for your website? We highly recommend siteground.com!


- Put your trust in the hands of our extremely qualified staff to get your job done right!


- Firebug is the most powerful web development and debugging tool, and it will save you a lot of time, frustration and forum questions:
Install Firebug
lemarquis
Jr. Member
**
Offline Offline

Posts: 5



« Reply #2 on: 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.
Logged
Pages: [1]
  Print  
 
Jump to:  

Powered by MySQL Powered by PHP Powered by SMF | SMF © 2013, Simple Machines
Joomla Bridge by JoomlaHacks.com
Valid XHTML 1.0! Valid CSS!
Looking for the largest variety in template designs? Look no more. Never buy 1 theme again. Signups start at just $89 for access to all of our themes.
Send Us An Email
Please send us your questions and we will email you back as soon as we can. Product support questions should be posted in our support forums under the Help menu. Our staff will assist you from there.