content & sidebar width & padding

[lisamosh]

hello,
i’m having my problems with css (total noob).
Id like to adjust the content from 650px to 800px and I would like to have a slightly smaller sidebar. Plus the padding is way too big. Half of it would be awesome.

http://www.lisamosh.com

Can anyone help me?
Excuse my english please :)

Thanks, lisa

[Paulie_D]

Well it looks like you’re using a grid system of some kind. This controls the content area width.

@media (min-width: 1200px)
.span8 {
  width: 770px;
}

and this the sidebar

@media (min-width: 1200px)
.span4 {
  width: 370px;
}

So you’ll have to start there.

As for some padding

article {
  padding: 60px; /* seems like a lot */
  border: 0px solid #dedede;
  -webkit-box-shadow: 3px 3px 1px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: 3px 3px 1px rgba(0, 0, 0, 0.05);
  box-shadow: 3px 3px 1px rgba(0, 0, 0, 0.05);
}

[lisamosh]

Thanks! Changed the padding, but where can i change the padding for the sidebar?

oh and i cant find the the content area part in my code.. O.o

[Paulie_D]

Sidebar padding seems to be here

.widget {
  margin-bottom: 30px;
  padding: 54px; /* here*/
  background: #fff;
  border: 0px solid #dedede;
  position: relative;
  z-index: 0;
  -webkit-box-shadow: 3px 3px 1px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: 3px 3px 1px rgba(0, 0, 0, 0.05);
  box-shadow: 3px 3px 1px rgba(0, 0, 0, 0.05);
}

[lisamosh]

Thanks, padding worked.

Just still can’t find the content and Sidebar area to adjust the width. :(

[Paulie_D]

Use the developer tools that come with your browser to isolate the relevant elements.

[Author]

Posts