The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums CSS Footer not visible due to overlay of other CSS codes

  • This topic is empty.
Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
  • #241077


    In my SharePoint 2013 Intranet page, placing of footer at the bottom of the day doesnt appears on the Intranet homepage.

    However, its visible on other subpages of SharePoint.
    Issue only with the intranet homepage.
    Seems other CSS rules applied is not allowing the footer to be visible.

    Any suggestions on how to get the footer visible.
    I have tried adding !Important, still no good.

    Please check the code:

    </* Footer Styling by Jason*/>

    .wrapper {
    min-height: 100%;
    height: auto !important;
    height: 100%;
    /* The bottom margin is the negative value of the footer’s height /
    margin: 0 auto -30px;
    overflow: visible !important;
    .footer, .push {
    .push must be the same height as .footer /
    height: 30px;
    Multicolumn Layout With Sticky Footer */
    clear: both;
    .footer {
    background: #0B2740;
    color: #ffffff;
    line-height: 30px;
    text-align: center;

    .footer:visited {color: #0075B0;}
    .footer:hover {color: #23527c;}

    body #s4-workspace {
    margin-bottom: 0px;

    </* Ends, Footer Styling by Jason*/>

    Thanks in advance for the suggestions.


    We can’t diagnose the problem just from code, as there may be a problem with other parts of the code, causing the footer not to show. We’ll definitely need more context.

    I know it’s probably not possible to show us the Intranet page, but we’re going to need some more info. Not just a bunch of code pasted here, but instead, a working model ( would help.



    Thanks for the suggestion.
    An update, I set all the CSS code as seen in my last post with !important; at the end.
    So imposing my CSS code to override what ever CSS added in the past and it worked.


    For what it’s worth; having to rely on !important should not be your long-term solution. You have a specificity issue that we can’t really offer a solution to from the provided code alone, but leaving !important in place may result in future issues as your site needs necessitate further CSS alterations.

Viewing 4 posts - 1 through 4 (of 4 total)
  • The forum ‘CSS’ is closed to new topics and replies.