Forum Support

 
Advanced Search


[1]

Offline bonzomedia
Free Member
Posts: 48 WWW
Posted on: February 09, 2016, 04:51:52 PM

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
« Last Edit: February 10, 2016, 06:30:32 AM by bonzomedia »
Logged

Offline mikek
Free Member
Posts: 28743 WWW
Posted on: February 10, 2016, 02:08:59 PM

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;
}
Logged

Offline bonzomedia
Free Member
Posts: 48 WWW
Posted on: February 11, 2016, 08:13:33 AM

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

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

Offline mikek
Free Member
Posts: 28743 WWW
Posted on: February 11, 2016, 08:42:22 AM

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.
Logged

Offline bonzomedia
Free Member
Posts: 48 WWW
Posted on: February 12, 2016, 09:06:12 PM

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.
Logged

Offline mikek
Free Member
Posts: 28743 WWW
Posted on: February 13, 2016, 08:26:48 AM

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;
}
Logged
[1]

Jump to:  


Powered by SMF | SMF © 2013, Simple Machines
Joomla Bridge by JoomlaHacks.com
Page created in 0.022 seconds with 22 queries.
Need some help getting your site up and running? Be sure to check out our tutorials area, post on the forum or hire us
Send Us An Email
Please send us your questions and we will email you back as soon as we can. Product support questions should be posted in our support forums under the Help menu. Our staff will assist you from there.