over riding css?

• 

  jillcastle · Member · Aug 18, 2010 at 11:42 pm

  • Copy link
  • Add topic to favorites

  I have had experience with self hosted wordpress.org blogs, but this is my first time doing a wordpress.com. We upgraded to be able to edit the css, but I am not sure what kind of css over rides the theme’s css. I was wanting to make the header area bigger, get rid of the borders in the sidebar, but it’s not working. Is there some sort of special selectors that need to be used? I tried typing in
  .textwidget {
  margin-top: 15px;
  padding-bottom: 15px;
  border-bottom: 1px dotted #CCC;
  }

  Which I copied straight from the original stylesheet, and changed the border-bottom to 0 and that didn’t work.

  Thanks for helping!

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

• 

  hallluke · Member · Aug 19, 2010 at 12:28 am

  • Copy link

  We need a link to your wordpress.COM site to take a look (or at least the name of the theme you’re using) as each theme works slightly differently so the code will depend on that.

• 

  jillcastle · Member · Aug 20, 2010 at 4:40 pm

  • Copy link

  Ok. My site is http://www.justtherightbyte.com and I am using the oulipo theme. The header area is so limited.

• 

  hallluke · Member · Aug 21, 2010 at 2:14 am

  • Copy link

  #header {margin-top:30px;}
  #search {margin-bottom:30px;}
  .textwidget {border:none;}

• 

  jillcastle · Member · Aug 22, 2010 at 4:59 pm

  • Copy link

  so I should be able to change the width and height of the header area by typing this in? Or..by adding the width and height into the #header area?

• 

  hallluke · Member · Aug 22, 2010 at 8:08 pm

  • Copy link

  That code will add some space above and below your title area and get rid of the borders in the widgets. Why do you want to make it wider? To fit in a larger image?

• 

  jillcastle · Member · Aug 22, 2010 at 9:06 pm

  • Copy link

  Yes, to fit a larger image.