Hi,
i searched in many forum on how to reduce the gradient opacity of the grids but i just found a css modification that just correct the grids of one category
Hi,
This code will affect the big grids:
.td-module-thumb a:last-child:before{
background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 40%, rgba(0, 0, 0, 0.5) 100%)!important;
}
But the slide element is different than the other grids. you need to use this code:
.td-image-gradient:before{
background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 100%);
}
The opacity is the 0.5 value in the code. I reduced it from 0.7 but you can change this number to anything between 0.1 and 1
Thank you!
Hello,
I don’t like how my images look dark on the following grids:
Big Grid Full 1
Big Grid Full 2
Big Grid Full 3
How can I remove the overlay (?), or whatever it is that is making the pics appear darker than they really are.
Also, on mobile, when I click the menu, there is a semi-transparent black box that covers the screen and my text is also black. How can I change this? Would prefer the box be white with red text
Thanks
Hi,
That would be the default design for the big grids. There are many big grid designs to choose from. For example style 4 does not feature a dark gradient.
But if you want to use style 1 and remove the dark overlay, enter this code in Theme panel->Custom CSS
.td-grid-style-1.td-hover-1 .td-module-thumb a:last-child:before {
display: none;
}
It will remove the overlay for most grids once entered
– https://www.screencast.com/t/qk23uiqFo
The mobile modal window in which the menu will be displayed, has settings in the theme panel
– https://www.screencast.com/t/nn6YduNBf
You can set a background color or gradient for the modal window, so you can set a white background color and also color the text red.
Thanks
