0

enter image description here

Using magento 1.9. My own version of the RWD theme.

If you notice there is still a white bar at the left and right after changing the background colour of my main container and my footer.

Any idea what I should be looking for in my CSS to also change the white bars at the sides to a different color? Also I would love to know how to do the same at the top right with my account and cart buttons, and search bar. Thanks

closed as unclear what you're asking by Rajeev K Tomy, 7ochem, Prateek, Raphael at Digital Pianism, Bill Feb 25 '16 at 16:17

Please clarify your specific problem or add additional details to highlight exactly what you need. As it's currently written, it’s hard to tell exactly what you're asking. See the How to Ask page for help clarifying this question. If this question can be reworded to fit the rules in the help center, please edit the question.

  • add your backgorund colour to body tag – Ahmed Elawadi Feb 25 '16 at 14:03
  • @AhmedElawadi that didn't actually work – Oli Tuck Feb 25 '16 at 14:08
  • do you have this site live? can you share link – Ahmed Elawadi Feb 25 '16 at 14:10
  • It's private as I don't want it available til launch, any ideas? – Oli Tuck Feb 25 '16 at 14:21
  • I'm voting to close this question as off-topic because it has nothing to do with Magento platform specifically and can be better answered at stackoverflow.com – Prateek Feb 25 '16 at 14:51
1

RWD background added to .wrapper class so you need to change it in here :

/* ============================================ *
 * Global
 * ============================================ */
html,
body {
  height: 100%;
}

.wrapper {
  min-width: 320px;
  min-height: 100%;
  margin: 0 auto;
  background: #FFFFFF;
}

.wrapper:after {
  content: '';
  display: table;
  clear: both;
}

The header links are :

/* -------------------------------------------- *
 * Skip - Link
 */
.skip-link {
  position: relative;
  float: left;
  width: 20%;
  height: 44px;
  background: #FFFFFF;
  color: #636363;
  line-height: 42px;
  text-align: center;
}

And the search add background to #search or if you want to change the background for all inputs add it to .input-text

Anther advice if you are on Chrome you can hover on the element you want to change, right click and select inspect element. I use firebug on firefox.

Not the answer you're looking for? Browse other questions tagged or ask your own question.