Menu colour edits

[mcmuckle]

I have looked around and done some fiddling but don't seem to get this.

I have created a template using the kit. I have done it from an existing template following your excellent tuition. I want to change the colour and rollover colour of the mainmenu. I have edited the template css file to look like this

/* Mainlevel menu */
.mainlevel {height: 15px;}

a.mainlevel {display: block;
background: #285F94;
color: #FFFFFF;
padding: 5px 0 5px 19px;
margin: 0 0 1px 0;
text-decoration: none;
}

a.mainlevel:hover {
color: #FFFFFF;
background: #8EFFFF;

This is supposed to be a navy blue with a paler blue rollover colour. The navy blue bit is fine but it doesn't change to the pale blue when I roll the mouse over it.

What am I missing?

Thanks

[admin]

Hi
It looks like the last bracket.

a.mainlevel:hover {
color: #FFFFFF;
background: #8EFFFF; <---

Should be
a.mainlevel:hover {
color: #FFFFFF;
background: #8EFFFF;}

Cheers,
Brian

[mcmuckle]

Thanks Brian,

that did the trick!

while you're could you give me another pointer?

As mentioned I am converting from an html site. I have the table there with the various bits and bobs dropped in. I have found that the text in the mainarea are right up against the edge of the box. I suspect it is a border issue but have looked around DW and cannot find the setting.

What do you think?

[admin]

Hi I could a few things.

1. padding <--- try setting it 5px padding: 5px;
2. margin
3. border

remember that CSS is like a clock in the padding setting

So padding would have four sides or the same setting to for all sides.

Padding: 5px 5px 5px 5px; id the same as
Padding:5px;


Padding: |5px |5px |5px |5px;
|top |right |bottom |left

Cheers,
Brian

[mcmuckle]

Ah, in the css eh?

That's per module position or just for the bit I want to pad?

thanks for your continued assistance.

I'm finding it quite addictive and feel that i am firmly on the learning curve

[admin]

Your going to love the next version Joomla Template Kit 3.0
the there a big improvement in the CSS.

Let say it almost to easy
Coming to soon.

Cheers,
Brian