Adding a horizontal line above footer widgets on homepage

  • Hi, I want to add a horizontal line above footer widgets area. I used the code
    footer#footer{border-top: 4px solid #aaa;}
    But I only want the line on homepage, how am I going to do that?

    Thank you for your help!

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

  • .home footer#footer{border-top: 4px solid #aaa;}

    Thread Starter kay1

    (@kay1)

    Thanks. I tried,it didn’t work. It still shows default setting.

    What do you mean with default setting? Shows on all pages or not at all?
    You may have to disable it on the other sites.

    You can use firebug to inspect if you got some other css with higher priority affecting.

    Can you give me your footer code? Make sure the CSS reference is right.

    Thread Starter kay1

    (@kay1)

    The default setting is
    border-top: 12px solid #e9eaee;
    in green.css.

    I put the code in style.css, it does not make any change on homepage.
    .home footer#footer{border-top: 4px solid #aaa;}

    However I can change other pages using
    .page footer#footer{border-top: 4px solid #aaa;}

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Adding a horizontal line above footer widgets on homepage’ is closed to new replies.