Making posts in boxes

• 

  katemcclare · Member · Aug 18, 2011 at 4:19 pm

  • Copy link
  • Add topic to favorites

  Do I need CSS in order to have each post contained in a separate box with a border, rather than as just continuous text? I’ve seen this done in the Coraline theme, which I use, and it is very attractive.

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

• 

  wpgaurav · Member · Aug 18, 2011 at 4:40 pm

  • Copy link

  You can do this in either ways: with CSS and without CSS.
  Without CSS
  <div style="border:1px solid black; background-color:#ffffff;"> Your Texts Images and other contents ETC Etc here. </div>
  [I’ve used 1 pixel border and solid black color. You can change them.]
  With CSS

  p {
  border-top:1px solid #000;
  border-bottom:1px solid #000;
  border-left:1px solid #000;
  border-right:1px solid #000;
  background:#FFFFFF;
  color:#000;
  margin:25px 25px 15px;
  padding:5px 10px 0;
  }

  Using CSS is better than first because you’ve more flexiblity and it is easy. While using HTML codes (inline css) is time taking and you need to do it manually in each post. You can upgrade to Custom Design at $30 per year.