CSS not working like it should

CSS not working like it should

by Keith Bennett -
Number of replies: 4
I'm having trouble customizing my site's look. It seems like some css variables just aren't getting through.
here's my site: http://eflplanet.com/guild

The center column, which seems to be "headingblock" is ok until I log in and then it shows the "default" colors even with this in my css file:

.headingblock {
background-color: #000066;
color: #ffffff;
border-width: 1px;
border-color: #000066;
border-style: solid;
-moz-border-radius: 3px;
}
a.headingblock:link {
background-color: transparent;
color: #ffffff;
text-decoration: none;
}
a.headingblock:visited {
background-color: transparent;
color: #ccddff;
text-decoration: none;
}
a.headingblock:active {
background-color: transparent;
color: #ccddff;
text-decoration: none;
}
a.headingblock:hover {
background-color: transparent;
color: #6699ff;
text-decoration: none;
}

also, the top "navbar"still shows the "default" text and a-link colors even though I have this in my css file:
.navbar {
background-color: #0000ff;
color: #ffffff;
}
a.navbar:link {
background-color: transparent;
color: #ffffff;
text-decoration: none;
}
a.navbar:visited {
background-color: transparent;
color: #ccddff;
text-decoration: none;
}
a.navbar:active {
background-color: transparent;
color: #ccddff;
text-decoration: none;
}
a.navbar:hover {
background-color: transparent;
color: #6699ff;
text-decoration: none;
}
By "default" I mean what I made the default in my css:
a:link {
text-decoration: none;
color: #ff0000;
}

a:visited {
text-decoration: none;
color: #00ff00;
}

a:hover {
text-decoration: underline;
color: #ffcc99;
}


Note: I'm not using .cfg variables because It's easier to trobleshoot this problem without them. The problem is the same if I use them.

The most puzzling thing especially the "headingblock", which works as I want it until I log in...

attached is my css
Average of ratings: -
In reply to Keith Bennett

Re: CSS not working like it should

by Andreas Weber -
Hi,
do you mean this problem?
In reply to Andreas Weber

Re: CSS not working like it should

by Keith Bennett -

That's the one.  blush

I searched, tried to solve the problem myself, then posted without double-checking the forum.  It was 3 AM my time sleepy

Unfortunately it didn't solve my problem.  Everything else seems to be working on the css and I can fhange the look of everything but not that darn "headingblock" and "navbar"

It runs through a checker without errors.

headingblockcontent {
    background-color: #000066;
    color: #ffffff;
    border-width: 1px;
    border-color: #000066;
    border-style: solid;
    -moz-border-radius: 3px;
}

A.headingblockcontent:link {
    background-color: transparent;
    color: #ffffff;
    text-decoration: none;
}
A.headingblockcontent:visited {
    background-color: transparent;
    color: #ccddff;
    text-decoration: none;
}
A.headingblockcontent:active {
    background-color: transparent;
    color: #ccddff;
    text-decoration: none;
}
A.headingblockcontent:hover {
    background-color: transparent;
    color: #6699ff;
    text-decoration: none;
}
.headingblock {
    background-color: #000066;
    color: #ffffff;
    border-width: 1px;
    border-color: #000066;
    border-style: solid;
    -moz-border-radius: 3px;
}
A.headingblock:link {
    background-color: transparent;
    color: #ffffff;
    text-decoration: none;
}
A.headingblock:visited {
    background-color: transparent;
    color: #ccddff;
    text-decoration: none;
}
A.headingblock:active {
    background-color: transparent;
    color: #ccddff;
    text-decoration: none;
}
A.headingblock:hover {
    background-color: transparent;
    color: #6699ff;
    text-decoration: none;
}
.navbar {
    background-color: #0000ff;
    color: #ffffff;
}
A.navbar:link {
    background-color: transparent;
    color: #ffffff;
    text-decoration: none;
}
A.navbar:visited {
    background-color: transparent;
    color: #ccddff;
    text-decoration: none;
}
A.navbar:active {
    background-color: transparent;
    color: #ccddff;
    text-decoration: none;
}
A.navbar:hover {
    background-color: transparent;
    color: #6699ff;
    text-decoration: none;
}

In reply to Keith Bennett

Re: CSS not working like it should

by David Le Blanc -

Hello Keith,

Andreas Weber helped me with a similar problem earlier today:

(see: Using Moodle -> Forums -> Themes -> Problems editing the styles.php file)

Andreas suggested that I add the following to the styles.php file:

.headingblockcontent {

your definitions

}

 This new class was added just before the .headingblock class. Consequently, the desired style was maintained after logging in.

In reply to David Le Blanc

Re: CSS not working like it should

by Keith Bennett -

I've tried everything with it - I've even tried loading up a css with all the rest of the classes deleted except for this:

.headingblockcontent {
    background-color: #000066;
    color: #ffffff;
    border-width: 1px;
    border-color: #000066;
    border-style: solid;
    -moz-border-radius: 3px;
}

Still something is overriding it.

I guess I'll just come up with another color scheme, but IMHO the templates are all a bit too "light".  There really should be a mixture of lighter and darker colors on a site.  "heavy" to "anchor" the "Light". 

I'm using the version that was last updated on 2004-02-09 Monday 03:02.