Adding a solid line of colour above the footer in twenty thirteen

  • Resolved WPy

    (@wordypressy)


    11 years, 5 months ago

    Hello,

    I am editing a child theme of twenty thirteen. I have edited the content of the footer and have aligned it as I wanted to.

    However, I would like to add a line above this footer text, a solid green line. I used the <hr> tag but this only added a dotted line. I think that I may need to use some form of CSS?

    Any help would be greatly appreciated.

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

  • Just put a border on it using css, eg:

    border-top: 4px solid #C4C4C4;

    Are you familiar with Firebug addon in Firefox? That’s a great way to find which css id/class to use….

    Thread Starter WPy

    (@wordypressy)

    Many thanks wpfan1000.

    Sorry if this is a really basic question but where would I add the css information?

    Thanks.

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    In your “style.css” file of your Child Theme.

    Thread Starter WPy

    (@wordypressy)

    Many thanks, Andrew.

    Aplogies for sounding really dim, but where about on the style.css file? Is there an easy tool/ explantion for the different parts?

    Many thanks.

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    It’s up to you. The further up in the stylesheet the more likely the style will be overridden https://reference.sitepoint.com/css/cascade

    I would suggest the following:

    Learn how to use the Firebug addon in Firefox browser

    Witht this addon you can point and click on any part of your site and it will tell you the div, class/id and css

    Copy that out of Firebug into the style.css of the child theme

    Add the css discussed above

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Adding a solid line of colour above the footer in twenty thirteen’ is closed to new replies.