Change body background color through CSS

Hey Chris,

Can you post a link to a page in your site where we can see the Posters class applied? so we can figure out why it’s not working.

Best regards,
Nikko

Hi Chris,

Thanks, I have checked it and it works however there is also background color applied to the 1/2 columns which is on top of the Posters class section though I could see both uses same color #e8e8e8, I think you can use this to apply the background color:

#top .Posters .av_one_half {
  background-color: #e8e8e8 !important;
}

Hope this helps :)

Best regards,
Nikko

Hi Chris,

Sorry I made a mistake, the problem is appearing on larger screens, I think you just need to change from your .Posters code the

max-width: 1600px;

to:

max-width: 100%;

Hope this helps :)

Best regards,
Nikko

Hi Chris,

Can you try adding this css code:

#top .Posters .av_one_half .av_one_full .avia-image-container {
    max-width: 800px;
}

#top .Posters .av_one_half.avia-builder-el-first .av_one_full .avia-image-container {
    margin-right: 0;
}

#top .Posters .av_one_half.avia-builder-el-last .av_one_full .avia-image-container {
    margin-left: 0;
}

Hope this helps :)

Best regards,
Nikko

Hi,

No it wouldn’t work on 3 1/3 column, you would need to add another code for that. basically I just set maximum width of the image to 1/2 of the 1600px (800px) then set the left image to align right and right image to align left so it’s still centered :)

Best regards,
Nikko