Shape 5

I have pages where the background is feathered between the main background image at the top and the dark background image at the bottom, I cannot find why the feathering occurs on some pages and not others. See hard.jpg and soft.jpg as attachments showing that it appears on some pages and not others.

Please see http://goo.gl/JE5UZE

Hello,

That is part of the design, it helps blend the image into the background. It's controlled with the following in template.css:

#s5_bottom_bg {
    background: rgba(0, 0, 0, 0) url("../images/s5_bottom_bg.png") repeat-x scroll left top;
    margin-top: -350px;
    padding-top: 350px;
}

Thanks Mike - that helps only a little bit though...

Why does it appear on some of my pages and not others?

Hello,

I would need exact urls of where I can see it with and without. I looked at your site and I only see it without.

Mike,

http://goo.gl/1VGDga - this is a short page and the blending shows up all the time, even when the viewport is narrowed.

On all the other pages which are longer, the blending effect only appears if you stretch the viewport out (and on my 2560x1440 screen the viewport has to be almost at max width to get it to show up.

Hello,

It's strange, but I think it's a height issue, like the background image isn't tall enough. You could either try increasing the height of your background image by about 100px or try adding this to custom.css:

#s5_bottom_bg {
margin-top:-425px !important;
}