Retro-Fitted: bottom border of header container
-
#header { border-bottom-color: #6F3B2D; } #header { border-bottom-color: #8DA575; }The top one has a tick in the little box and the second one doesn’t – this is when I’m using that ‘Inspect Element Q’ thing (I can’t use the Firefox one any more because I can’t see what I need to and I can’t change the UI) – and that isn’t what I have in the CSS.
There I have #8DA575, NOT #653B2D; I did have that once, but I replaced it with the #8DA575. No dice.
I suspect my CSS is now looking like a dog’s breakfast after he’s eaten it; and I would dearly like to have the knowledge to tidy it up – as well, that is, as solving this BLOODY STUPID problem …The blog I need help with is: (visible only to logged in users)
-
Hi Margaret,
First thing to check out, I think you have some missing semi-colons throughout your custom CSS so definitely check for that, especially on the lines you are having trouble with.
Secondly this border issue looks like it’s a matter of order, in CSS whichever rule comes last will “win” in importance. I looked at your customs CSS and it looks like you’ve declared
#header{ border-bottom-color:#8DA575 }near the top of your custom styles, but I also see :
#header{ border-bottom-color:#6F3B2D }You should take out that second declaration if you want border color to show as #8DA575.
I know this can be frustrating, I use CSS every day and still end up making these errors sometimes!
-
Quel idiot!!!!
I didn’t see it! – because, of course, I wasn’t expecting it to be there.
How/why I put the second one in is entirely beyond me. Beats me entirely.
Sighh …
Many thanks – so easy and so bloody MINDLESS! -
-
- The topic ‘Retro-Fitted: bottom border of header container’ is closed to new replies.