seismic-slate: css margin-top is overridden somewhere

  • Resolved shariebeth

    (@shariebeth)


    11 years, 7 months ago

    Hi,
    I have been tinkering with the seismic-slate style.css and header.php.
    Minor changes mostly to the header to customize it to match my website.
    However, I don’t like the extra space between the bottom of the header and menu bar and the beginning of the content.
    I’ve tried setting the margin in the #container and #content sections in the style.css but it is ignored. I tried adding margin-top and !important but for some reason that makes the secondary column slide to the bottom. Any advice as to what to look for that could be overriding the margins would be greatly appreciated.

    /*
LAYOUT: Two columns
DESCRIPTION: Two-column fixed layout with one sidebar right of content
*/

#container {
        float: left;
        margin: 0 -320px 0 0;
        width: 100%;
}
#content {
        margin: 0 320px 0 0;

}

    https://shariebeth.com/blog

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

  • #main { padding-top: 0px; }

    style.css line 502

    What browser development tools do you use? Chrome has the built in Inspect Element and firefox has Firebug which are both extremely useful. Let me know if this fixes your problem!

    #main {
        padding-top: 0;
}
    Thread Starter shariebeth

    (@shariebeth)

    Hi LeopardOnTheLoose and Howdy_McGee,
    Thanks for such quick replies. But still nothing. I tried, just for kicks, padding-top: -100px; in addition to 0, but no luck either way.

    My site is hand made and I shh into my own webserver so editing is via command line in a bash terminal.

    /* The main theme structure */
#colophon,
#main {
padding-top: 0;
}
#wrapper {
        margin: 0 auto;
        width: 960px;
}
#wrapper {
        margin: 0px auto !important;
        padding: 0px;
        padding-top: 115px;
        width: 100%;
        background-color: transparent;
}
    Thread Starter shariebeth

    (@shariebeth)

    Oh my gosh, there is another #main section.
    Your pointing out line 502 did the trick. I edited the wrong one. (Although mine was line 504). I changed padding from 0 40px 0 0 to what is below and that did the trick! Thank you so much!

    /* =Content
-------------------------------------------------------------- */

#main {
        clear: both;
        overflow: hidden;
        padding: 0 0 0 0;
}
#
Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘seismic-slate: css margin-top is overridden somewhere’ is closed to new replies.