I have a class setup for a gradient overlay over a grid. I used the “Tell It Slant” template as my starting point. I launched this site over summer, and all his been fine. The client called me today and said the gradient layer was not there (making things hard to read). Other than updates, nothing on the site has changed. I looked and it is still set to -1 Z index, but it is not showing. The class is called tiles-gradient. Could you please look to see what happened? literallyreading.com is the site. It is used in several places. Wherever you see the grid with images, the class is assigned and supposed to be showing a gradient blue overlay.
Hello @franklinmarketing,
Thanks for writing to us.
It seems that you have set the position as relative to the class “tiles-gradient” which is causing the issue at the moment. I would suggest you please set the position as absolute. Please have a look at the given screenshot.
Alternatively, you can add the element style for that you need to go to the element —>customize —>element CSS
$el.tiles-gradient{position:absolute;}
The purpose of providing custom CSS is to show you how to add CSS code to your site. Writing custom CSS is outside the scope of our theme support. If you need more customization, you need to learn CSS and learn how to use the browser’s element inspector or you subscribe to One where customization questions are answered.
Hope it helps.
Thanks
Got it. Thank you!
This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.