Removing all border/margin/padding on posts

• 

  kristikuiken · Member · Aug 22, 2015 at 2:22 pm

  • Copy link
  • Add topic to favorites

  Hi! I’m very new to wordpress and have messed around a bit with CSS to remove the borders on my page. I’ve been able to removed the borders of my actual page (headline image stretches all the way across) but I still have a ton of white space around my individual posts and sidebar. I’ll paste the CSS adjustments I’ve tried below. Thanks!

  #page {
  max-width: none;
  }

  body {
  padding: 0;
  }

  #page {
  margin: 0 !important;
  }

  #content {
  margin-left: 0;
  width: 75%;
  }

  #secondary {
  margin-right: 0;
  }
  .size-full {
  display: block;
  margin: 0 10px 10 px 0;
  }
  img {
  border: none;
  }
  .the_content img {
  -moz-background-clip:border;
  -moz-background-inline-policy:continuous;
  -moz-background-origin:padding;
  background:white none repeat scroll 0 0;
  border:1px solid #DDDDDD;
  padding:3px;
  }

  The blog I need help with is: (visible only to logged in users)

• 

  thesacredpath · Member · Aug 25, 2015 at 1:52 am

  • Copy link

  Hi there, before I start, let’s first discuss what you are wanting for a look on your site and then we can move forward. I see a number of things I would address, but it would be great to know what you envision so that we can get you there more quickly.

• 

  kristikuiken · Member · Aug 25, 2015 at 2:12 am

  • Copy link

  Thanks for the response! Right now I’m just looking to remove the strip of white space on the side of the page, and remove the white padding around the sides of my posts on my main page.
  Also, I’d love to either center the menu at the top or justify it to the left but that’s a small little detail.
  What suggestions did you have in mind?
  My goal is a very clean and professional yet captivating and creative fashion blog

• 

  kristikuiken · Member · Aug 25, 2015 at 2:15 am

  • Copy link

  To follow up, I was able to center the menu as well as remove the white strip on the side of my page but I’m still struggling with the extra padding around my posts. But maybe this is necessary to separate the content from the side bar?

• 

  thesacredpath · Member · Aug 25, 2015 at 3:02 am

  • Copy link

  Hi, give this a try.

  .content-area {
      max-width: 770px;
      width: 100%;
  }
  body.sidebar-left[class*="alternate-sidebar"] .content-area, .sidebar-right .content-area {
      margin-left: 0;
  }

• 

  kristikuiken · Member · Aug 25, 2015 at 3:31 am

  • Copy link

  Unfortunately it didn’t seem to have much of an effect :/ I typed it into the CSS so the current site has that change

• 

  thesacredpath · Member · Aug 25, 2015 at 4:58 am

  • Copy link

  Hi, on the first rule above you are missing the leading period ( . ). When I add that, it works.