Removing strange margin

  • Good day all

    I’m having trouble removing a strange margin on the right of my site.

    I’m using the Minima theme which had that margin all around the page. I removed the rest of the margins with this additional CSS but the right hand side won’t go away:

    .site {
    margin-right: 0;
    margin-bottom: 0;
    margin-top: 0;
    margin-left: 0;
    }

    Can anyone help with this? I suspect it may have something to do with my page width but I don’t quite know.

    The page I need help with: [log in to see the link]

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

  • add !important

    .site {
margin-right: 0 !important;
margin-bottom: 0 !important;
margin-top: 0 !important;
margin-left: 0 !important;
}

    perhaps you should remove the code you’ve added

    .site {
margin-right: 0;
margin-bottom: 0;
margin-top: 0;
margin-left: 0;
}

    and focus on the code in style.css as follows:

    @media (min-width: 1200px)
.site {
    width: 1170px;
    margin: 40px auto;
}

    so consider changing to

     width: 100%;
    margin: 0px auto;

    the 100% width should do it

    @media (min-width: 1200px) {
.site {
	width: 100% !important;
}
}

    hello @camdavgray Let me know if this solves your problem.

    Thread Starter camdavgray

    (@camdavgray)

    Got it thanks guys!

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Removing strange margin’ is closed to new replies.