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
Support from Acquia helps fund testing for Drupal Acquia logo

Comments

Deepika.chavan’s picture

FileSize
115.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

FileSize
56.25 KB

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