Retro-Fitted: bottom border of header container

  • Unknown's avatar
    #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)

  • Unknown's avatar

    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!

  • Unknown's avatar

    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!

  • Unknown's avatar
  • Unknown's avatar

    And where were YOU?!
    [grin]

  • The topic ‘Retro-Fitted: bottom border of header container’ is closed to new replies.