[SOLVED] Drop-down menu underlaps featured images in the post & a possible solution.

stocktrader · #1 Aug 30, 2014, 08:51 AM

Hello,

I had the problem that the menu was overlapping the featured image in the post.
I tried to follow many suggestion I found in this forum about modifying the CSS of the menu but without success.
I think I found the solution myself:
Look in the posts.css for .post-thumb img.img_grayscale and add to it the z-index property.

Code:

.post-thumb img.img_grayscale { 
	filter: 					grayscale(100%); /* Current draft standard */
	-ms-filter: 			grayscale(100%); 
	-o-filter: 				grayscale(100%); /* opera */ 
	filter: 					url("%tpldir%/images/gray-filter.svg#grayscale"); /* Firefox */
	filter: 					gray; /* IE */
	-webkit-filter: 		grayscale(1); /* Old WebKit */
	-webkit-filter: 		grayscale(100%); /* New WebKit */
  	z-index:                0 !important; /*Added by me*/
}

It works for me. To be on the safe side I used the !important clause...I'll try to remove it and find out if it is the same.
So far I have not experienced any side effect.

Kind regards,

StockTrader / Marco

[SOLVED] Drop-down menu underlaps featured images in the post &amp; a possible solution.

[SOLVED] Drop-down menu underlaps featured images in the post & a possible solution.