gradient effect on all pages

Hey Kenny,

I did something that removed the gradient from all non-fontpage pages.

In page.tpl.php find the line:

And change it to:

In style.css:

Go to
#divider {
background: url("../images/shadow-bottom.png") no-repeat bottom center;
height: 49px;
position: absolute;
z-index: 999;
width: 1100px;
}

And insert beneath it:

#divider_page {
height: 49px;
position: absolute;
z-index: 999;
width: 1100px;
}

You are basically creating a new style for the divider that doesn't include the gradient as the background. Worked for me, hope this helps!

-Daxter

I think you can mark this as fixed?

I like the divider there, as it is a nice element right under the menu. The problem is that it shows up when you're in the admin theme and keeps you from being able to click on anything that is in that area of the page. If I could just get it to not show up on the page when overlay is being used, that would be great.

Sorry, I can't good english but,

you can go to style.css and change the code in line 339 as;

body.front #divider {
background: url("../images/shadow-bottom.png") no-repeat bottom center;
height: 49px;
position: absolute;
z-index: 999;
width: 1100px;
}

So you have the border only on the frontpage.

This does not fix problem have followed instructions. Nothing chafed. having exactly the same problem

My solution to the gradient showing in the admin overlay was to change the z-index to 102 as at 999 it is always likely to surmount everything.

#divider {
background: url("../images/shadow-bottom.png") no-repeat bottom center;
height: 49px;
position: absolute;
z-index:102;
width: 1100px;
}

Solution:

- Apply following changes in the style.css

1. Replace below css for #divider Line Number : 339

#divider {
  background: url("../images/shadow-bottom.png") no-repeat bottom center;
  height: 49px;
  position: absolute;
  width: 1100px;
}

2. Add below CSS :

.front #divider {
  z-index: 999;
}

I've been facing the same problem and fixed it by applying the following CSS code (it will have to override the default value of 999).

#divider {
	z-index: 500;
}

.not-front #divider_wrapper {
	margin-bottom: 20px;
}

Don't forget to :
1. Clear Drupal caches afterwards.
2. Clear your browser's caches by reloading the page with Ctrl+F5.

I added the custom CSS code in a separate custom CSS file in order not to alter the original one.
I hope this helps someone. :)