Help! How do I edit CSS for a column border

• 

  nishantrao · Member · May 12, 2009 at 9:23 am

  • Copy link
  • Add topic to favorites

  Hi geniuses

  I am trying to get a vertical border on the right margin of the left hand column. Additionally I’m trying to put a small divider line of the bottom margin of each widget. My blog is http://drnishantrao.wordpress.com. Here is an example of the borders I am trying to accomplish: http://www.elanaspantry.com/

  I have managed to make some CSS edits as follows: Not sure if any of these is preventing my capacity to create the column border, but here is is anyway.

  Cheers!

  h1 {
  font-size:260%;
  font-family:georgia;
  font-weight:600;
  }
  h2 {
  font-size:160%;
  font-family:georgia;
  font-weight:500;
  }
  h3 {
  font-size:120%;
  }
  p {
  font-size:100%;
  line-height:150%;
  }
  .widget_categories ul li {
  font-size:130%;
  }
  .widget_recent_entries ul li {
  font-size:110%;
  }
  A:link {
  text-decoration:none;
  }
  A:visited {
  text-decoration:none;
  }
  A:active {
  text-decoration:none;
  }
  A:hover {
  text-decoration:bold;
  color:blue;
  }

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

• 

  nishantrao · Member · May 12, 2009 at 11:21 am

  • Copy link

  I figured it out:

  #page {
  width:790px;
  float:left;
  }

  #content_box {
  width:790px;
  padding-bottom:5px;
  text-align:left;
  float:left;
  border:medium black;
  }

  #content {
  padding-left:10px;
  padding-right:10px;
  }

  #sidebar {
  width:230px;
  overflow:hidden;
  color:#222;
  font-size:1.2em;
  line-height:1.5em;
  float:left;
  padding-left:8px;
  padding-right:8px;
  border-style:ridge;
  }