custom.css broken?

DogHam

Hello!

I was changing colors in custom.css
everything works well then I clicked to a link on my forum and i can not see the background image! It's only when I click on "/index.php?p=/discussions/mine"

All others are working!

Some screens:

This one is OK

Here is something wrong

I changed the background color from button Popular that's all.

Css style attached if you want to take a look

vrijvlinder

Use !important after the repeat in the image line for the body

repeat!important;

DogHam

@vrjvlinder .... awesome again...

(Why I need to write "!important" at the end?)

vrijvlinder

if you add that, it forces it no matter what else is written elsewhere

hgtonight

@DogHam To add to what @vrijvlinder said, CSS rules cascade from one sheet to the next. Rules with higher specificity take precedence. You can prevent a rule from being preempted by appending !important to the end of the rule. This can still be overwritten by a cascaded selector that also has the !important rule.

I can see in that second screenshot that your background rule is being overwritten on line 348 of custom.css. I would rewrite that rule if possible, to prevent using the !important declaration.

DogHam

If I change the background on line 348 in Custom.css, buttons "Pupular, Discussions, Mine,..." will change the background color.

422

time to checkout csstricks.com mate