Forums / Templates, Stylesheets, Page Layout / EZpages TOC heading colour

EZpages TOC heading colour

Locked

Views: 1,128

Results 1 to 5 of 5
This thread is locked. New replies are disabled.
10 Dec 2007, 3:51 AM
#1
kmh avatar

kmh

New Zenner

Join Date:
May 2007
Location:
Sydney, Australia
Posts:
25
Plugin Contributions:
0

EZpages TOC heading colour

how do I change the heading font colour for EZpages TOC? I want it to be a different colour to the font colour defined in "body" (first para on CSS stylesheet).

i would also prefer to change the colour of the page indicator in the TOC. how can I do this?

10 Dec 2007, 4:11 AM
#2
gjh42 avatar

gjh42

Black Belt

Join Date:
Jul 2005
Location:
Upstate NY
Posts:
21,876
Plugin Contributions:
8

Re: EZpages TOC heading colour

Here is where you find out how useful the Firefox Web Developer extension is (you do have that installed, right? ;)

The Information > Display Element Information button will show the class/id of any element you click on, and you can then style that in your stylesheet.

10 Dec 2007, 6:47 AM
#3
kmh avatar

kmh

New Zenner

Join Date:
May 2007
Location:
Sydney, Australia
Posts:
25
Plugin Contributions:
0

Re: EZpages TOC heading colour

I don't have it, but I think I know what the element is -
it's in templates/custom/templates/tpl_page_default.php

<h2 id="ezPagesTOCHeading"><?php echo TEXT_EZ_PAGES_TABLE_CONTEXT; ?></h2> there is no ezPagesTOCHeading in the CSS.

I believe the body text colour as defined in the css stylesheet here:
body {
margin: 0;
padding: 1em;
font-family: verdana, arial, helvetica, sans-serif;
font-size: 100%;
color: #837967;
background-color: #837967;
}
are governing the font color for both theheading and the '>" indicator

I have tried setting H2 to the desired colour but that doesn't work, or if it does, I did it incorrectly.

10 Dec 2007, 5:23 PM
#4
gjh42 avatar

gjh42

Black Belt

Join Date:
Jul 2005
Location:
Upstate NY
Posts:
21,876
Plugin Contributions:
8

Re: EZpages TOC heading colour

If a class or id is not mentioned in the stylesheet, you can add it.

Looking at view source can work to locate an element's class/id, but I would advise you to get Web Developer and find out all the other useful things it can do for you.

Try styling
h2#ezPagesTOCHeading {}

10 Dec 2007, 7:37 PM
#5
kmh avatar

kmh

New Zenner

Join Date:
May 2007
Location:
Sydney, Australia
Posts:
25
Plugin Contributions:
0

Re: EZpages TOC heading colour

thanks indeed.