.site-header command doesn't work

  • Resolved Nible

    (@nible)


    10 years, 8 months ago

    I’m following a Youtube tutorial and my code is identical to the tutor’s, but somehow nothing happens when I try to use the .site-header (and site-footer) command like he does, to target my header (and footer).

    I’m trying to make a border below my header, here’s my code:

    /* Header */
.site-header {
	border-bottom: 10px solid #333;
}

    Here’s the tutorial for reference (from 19.25): https://youtu.be/k7olvEeBM2I?list=PLpcSpRrAaOaqMA4RdhSnnNcaqOVpX7qi5

    I’d really appreciate any help.

Viewing 6 replies - 1 through 6 (of 6 total)
  • Bill

    (@chubbycrow)

    10 years, 8 months ago

    If your code actually is identical, then make sure you clear your browser cache between changes to make sure you see them. Also make sure your header actually has the class site-header.

    Thread Starter Nible

    (@nible)

    10 years, 8 months ago

    How exactly do I make sure it has the class site-header? Are classes things you make yourself? Should there be somewhere in the code where I’ve already introduced .site-header?

    Thread Starter Nible

    (@nible)

    10 years, 8 months ago

    Edit: Yes there was. Apparantly I had written site header instead of site-header.

    Bill

    (@chubbycrow)

    10 years, 8 months ago

    Glad you got this worked out. Yeah, spelling something wrong or forgetting a semi-colon or some other little thing can bring things to a standstill pretty quickly.

    You can add as many classes as you need to an html element to give you a way to pinpoint a specific target for your styles (css).

    Thread Starter Nible

    (@nible)

    10 years, 8 months ago

    Thanks a lot for the help! I’m sure I’ll be back with new problems shortly.

    Bill

    (@chubbycrow)

    10 years, 8 months ago

    You’re welcome!

Viewing 6 replies - 1 through 6 (of 6 total)

The topic ‘.site-header command doesn't work’ is closed to new replies.