Adding padding-top to a custom footer

  • Resolved wittyoctopus

    (@wittyoctopus)


    11 years, 3 months ago

    I have installed a custom footer into my webpage. However, I would like to have more “white” space between the end of my last article and the start of the footer. Looking at the page in firefox using firebug I can easily find that the html is

    <div class="custom footer"

    Furthermore, using firebug I can easily add a padding-top, which drives the footer down on the page. Messing around with the layout changes the html to

    <div class="custom footer" style="padding=top: 100px;">

    also the following is added to the “style” tab, two tabs to the left of “layout” in firebug:

    element.style {
padding-top: 100px;
}

    However, I can’t easily figure out how to make these same changes to my style.css. Can I even effect these changes in my style.css or do I need to copy another file over?

    Thanks for any advice that you can throw my way.

Viewing 4 replies - 1 through 4 (of 4 total)
  • Thread Starter wittyoctopus

    (@wittyoctopus)

    Solved it! Sorry if this was too obvious. Code is:

    div.custom-footer {
padding-top: 75px;
}

    element.style means that you’ve embedded a css style within the HTML, generally frowned upon by professionals!

    From what you’ve stated, wouldn’t the following work:
    `.footer {
    padding-top: 100px;
    }

    .footer {
padding-top: 100px;
}
    Thread Starter wittyoctopus

    (@wittyoctopus)

    You are right, the only difference is that the object I needed to refer to was .custom-footer instead of .footer as I’ve hidden the official footer and I’m using a plugin for that. The “div” in my code above is unnecessary. Thank you as always for the advice. As I have absolutely zero coding experience I have absolutely no clue what is kosher amongst professionals.

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Adding padding-top to a custom footer’ is closed to new replies.