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

7
  • add your backgorund colour to body tag Feb 25, 2016 at 14:03
  • @AhmedElawadi that didn't actually work
    – Oli Tuck
    Feb 25, 2016 at 14:08
  • do you have this site live? can you share link Feb 25, 2016 at 14:10
  • It's private as I don't want it available til launch, any ideas?
    – Oli Tuck
    Feb 25, 2016 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, 2016 at 14:51

1 Answer 1

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.