Hi Peeps,
I am having a brainfart and need direction. I’m trying to change the box shadow/opacity that occurs on the grids.. Specifically big grid 3 that appears on the homepage. I am inspecting the element on my browser but not finding what piece of css I need to change to alter that. I am assuming that is a box shadow functionality but haven’t been able to put my finger on it.
Any advice on what I need to change to lighten the shadow area that overlays the images in the grid. (big grid 3 specifically)
Thanks.. I know this will be a “Duh” moment when someone points it out but I am stuck.
Have a great day!
Will
Hi,
This is default gradient color on style 1 for all grids – http://screencast.com/t/C1AiZOqt6Kx Try this css in Theme Panel > Custom Css it should not be so darkness now, you can change the rgba color how you wish:
.td-grid-style-1 .td-module-thumb a:last-child:before {
background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.4) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(100%, rgba(0, 0, 0, 0.4)));
background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.4) 100%);
background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.4) 100%);
background: -ms-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.4) 100%);
background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.4) 100%);
}
Thanks!
thank you.. I appreciate the help!!
Is there a way to simply remove the gradient? We’d like to feature the image in full color.
Thanks!
Hello sailingchance,
The simplest way should be to remove only the text after background and insert only the color which you want to have as background. Please notice that our theme use this gradient for displaying a elegant design. If you remove this, maybe the result do not look so good.
.td-grid-style-1 .td-module-thumb a:last-child:before {
background: enter your color ;
}
The result you should see here: http://screencast.com/t/fJdZJ3ciY9y
If is not what you mean, please provide more details about this, so I can be able to provide a more accurate response.
Hope this helps and let us know how it goes!
Thank you for the message!
