Hi there:
I’ve searched the forums but can’t seem to change the gradient where I was it in CSS.
I’m trying to alter the gradient on the front page, Block 18:
http://ea1.a87.myftpupload.com/
For example, using this:
.td-module-thumb a:last-child:before {
background: linear-gradient(to bottom,rgba(238, 62, 62, 0.9) 0%,rgba(238, 62, 62, 0.9) 100%) !important;
}
I alter the gradient in the thumb of block 14, but block 18 remains unaffected.
I think Block 18 is style mx8?, but this still doesn’t work:
.td_module_mx8 .td-module-thumb a:last-child:before {
background: linear-gradient(to bottom,rgba(238, 62, 62, 0.9) 0%,rgba(238, 62, 62, 0.9) 100%) !important;
}
Any help appreciated!
Hello,
This happens as the gradient ion not always added to an “after” pseudo-element. It can also be added to a ‘before’.
If you want to affect both cases, please use this code :
.td-module-thumb a:last-child:after, .td-module-thumb a:last-child:before{
background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgb(99, 88, 193) 100%)!important;;
}
Thank you!
