Section color background fullwidth

[maxosh]

Hello,

how can I set a fullwidth color background on one single section? (default is that I always have a margin to the left and right, also at the fullwidth page template.)

here for example I would like to have the section “KONZEPT & INTERAKTION” (x-section-3) with a grey background fullwidth, like the footer is.

http://corporate-karma.de/was-wir-tun-neu/

Thanks,
max

[albrecht]

Hi Max,

Thanks for writing in. To achieve that, try adding this custom css.

#x-section-3 {
  margin-left: -7% !important;
  margin-right: -7% !important;
  background: blue !important;
}  

@media (min-width: 1370px) {
  #x-section-3 {
      margin-left: calc(-100vw / 2 + 1200px / 2) !important;
      margin-right: calc(-100vw / 2 + 1200px / 2) !important;
  }  

}

Hope it helps.