e107 help - need help editing kubrick theme

FreeStream · 8 Nov 2006 at 20:25

Basically I can't work out what CSS styles do what, experimenting gets me not that far as editing one thing changes another.

I thought CSS had seperate styles for each area you specify.

Basically I need the header and text of the wide column different to the header and text of the small, navigation column.

The problem is all the headers are under <h3> so edit one, edit it all :confused:

Anyone who could help decode it?

Mr_L · 9 Nov 2006 at 10:50

If you find the containing divs of the two areas it should be easy to style them both separately. For instance, the following would style two separate areas <h3> elements differently:

Code:

#rightcolumn h3{font: normal 2em Arial, Helvetica, sans-serif;}
#leftcolumn h3{font: normal 1.5em Georgia, serif;}

I don't know the containing divs you need to use for the Kubrick theme, but if you post a link to the WordPress installation I can point it out.

Pr0t0c0L · 9 Nov 2006 at 19:48

yeh try and use divs as much as possible they are containers to differentiate different groups of html.

by giving your div tag a "class" or an "id" you can then reference that div and its inner elements in CSS i.e.

some html...

<div class="divclass" id ="divid">
<h3>
i am a h3 heading
</h3>
</div>

2 methods of accessing the h3 heading using CSS

.divclass h3{
color:green;
}

#divid h3{
color:green;
}

FreeStream · 10 Nov 2006 at 21:46

Mr_L said:
If you find the containing divs of the two areas it should be easy to style them both separately. For instance, the following would style two separate areas <h3> elements differently:

Code:

#rightcolumn h3{font: normal 2em Arial, Helvetica, sans-serif;} #leftcolumn h3{font: normal 1.5em Georgia, serif;}

I don't know the containing divs you need to use for the Kubrick theme, but if you post a link to the WordPress installation I can point it out.

Its a Wordpress theme in e107, if you download it its in the theme folder.

I shall try that tho, thanks.

@ Pr0t0c0L

I would have tried that already, but these titles are under the same style.php So I can't assign one to each, they are both the same