PCSpectra wrote:Joomla generates this code for me:
Code: Select all
<dl id="system-message"><dt class="message">Message</dt><dd class="message message fade"> <ul> <li>The email address provided is invalid.</li> </ul></dd></dl>
I'm supposed to style it using CSS...ideally I want to remove the following element with a display: none
Unforutnately I have tried this to no avail:
Code: Select all
dl#system-message { background-color: orange; } dt.message { background-color: green; }
Background colors are just to make sure the CSS is being applied to the proper element.
Cheers,
Alex
The first thing that I noticed was
Why two message classes? it may not cause a problem, but it's surely not doing anything productive
Code: Select all
dl#system-message { background-color: orange; /* does this rule work? */} dt.message { background-color: green; }
if the first rule doesn't work, then you have a rule that is being more specific, as in
assuming it does work, you could try to be more specific on the rule for the dt.message element.
Code: Select all
dl#system-message dt.message {display:none;}
I'd inspect the page using firebug or the webdev toolbar to see exactly what is going on with the rules.
Just to explain a little better..
Code: Select all
<div class="bar"><span id='foo'>FOOBAR</span></div>
Code: Select all
div {background:red;}.bar {background:blue;}div.bar {background:green;} div span {color:green;}#foo {color:blue;}div span#foo {color:red;}
You (should) end up with a green div with red text, as those rules are targeting the element(s) more specifically.