I want to make the theme broader. Tried a little bit in the CSS file, but especially the header moves just to the left.
Could someone tell me how to change the width of it?

CommentFileSizeAuthor
#2 Arthemia-broad.jpg56.25 KBOle Martin
#1 localsite.jpeg115.78 KBDeepika.chavan

Comments

Deepika.chavan’s picture

Deepika.chavan commented
StatusFileSize
new localsite.jpeg115.78 KB

Hi,
Please try adding following css in your themes local.css file. If it is not there you can create one. I tried it on my localsite to make the theme broader.(Please check the attachment.)
css to be added in local.css :

#head {
  font-size: 0.7em;
  margin: 15px 0 0;
  padding: 0;
  width: 100%;
}

.clearfloat {
  margin-left: 10px;
}

#navbar {
  background: #2C2C2C;
  margin: 15px 0 0;
  padding: 0 10px;
  text-transform: uppercase;
}

#page {
  background: #ECECEC none repeat scroll 0 0;
  font-size: 0.7em;
  margin: 0 auto;
  padding: 10px;
  width: 100%;
}

.with-sidebar {
  width: 74%;

}

#sidebar {
  margin: 0 18px 0 0;
  width: 22%;
}

#sidebar .block {
  width: 95%;
}

#footer-region {
  background: #2C2C2C;
  color: #CCCCCC;
  font-size: 0.7em;
  margin: 0 auto;
  padding: 10px;
  width: 100%;
}

Rgrds,

Deepika Chavan.

Ole Martin’s picture

Ole Martin commented
StatusFileSize
new Arthemia-broad.jpg56.25 KB

Thank you
I tried this, but my block are not moving to right.
see Attach picture