On our homepage, we have used TD Composer to do a layout of Big Grid 1 with Grid Style 1 – Default:
https://coronadotimes.com/
There is a grey/black gradient over all the main box images and I’m wondering where to go to change the percentage of the gradient or the color? Any help?
Hello !
You can use this CSS code to change the color. Please note that it will require the colors to be set in RGBA, you can find multiple color generators for rgba on google: .td-grid-style-1 .td-module-thumb a:last-child:before {
background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 40%, rgba(249, 15, 15, 0.7) 100%)
}
The code must be inserted here: https://www.screencast.com/t/J1Nxw5s5
Thank you !
This helps. What if we wanted to put a darker gradient just on the bottom 25% of the image so that the white title popped a bit more when reading it? Basically, we want people to be able to see a vibrant photo, but we need a darker gradient just on the lower half of the photo so that the white title is more readable. Thanks Vlad.
One more related question to this homepage block: http://www.coronadotimes.com
How do I remove the date and the category tag just from this block on the homepage? I only want the title to show up. Thanks!
Vlad, I figured out how to remove the date from the homepage featured post, so, now I just need help removing the category shown just on the homepage top block.
Ok, I figured out hot to remove the date and category from the homepage featured stories.
So, it leaves me with this last item:
1. This helps. What if we wanted to put a darker gradient just on the bottom 25% of the image so that the white title popped a bit more when reading it? Basically, we want people to be able to see a vibrant photo, but we need a darker gradient just on the lower half of the photo so that the white title is more readable. Thanks Vlad.
Thanks,
Steve
Hello !
Simply edit the percentage found in the code above to the desired one:
background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 40%, rgba(249, 15,
Thank you !
