Hi there,
I do not know exactly the name of the this issue in terms of WordPress. But I add the picture so that it helps to find out. How can I change the gradient color which is behind the excerpts or title in the grids. Here is the picture of it.
https://i.hizliresim.com/0zVpv8.png
Thanks.
Hi,
I cannot view the screenshot you provided unfortunately
– https://www.screencast.com/t/ejEtJXzd
Try posting it again so I can see what exactly you are referring to. Or provide a link to your website with details about what you want to do.
Thanks
Hi there again,
here: https://imageshack.com/a/img924/3575/bqJJL3.png
I hope, this time it works.
Thanks.
Hi,
I see now what you are referring to, the color set for the post meta, for block 22 in the health blog demo
– https://demo.tagdiv.com/newspaper_blog_health/
By default that block looks like this
– https://demo.tagdiv.com/newspaper/block-22/
Bust most demos contain custom design for theme elements, that default color can only be changed with CSS.
A code lie this will allow you change that color for that block
– https://www.screencast.com/t/4sybDsWupra7
Use the color and opacity you want in the code, then enter it in Theme panel->Custom CSS (it will affect all blocks 22, unless made more specific)
.td_block_22 .td_module_17 .td-module-meta-holder {
background-color: rgba(185,60,44,.7);
}
Thanks
Hi,
Thank you for your help. I added this code into two different places. One of them is Theme panel > Custom Code > Custom CSS. https://imageshack.com/a/img924/9059/OEdTCD.png (did not work)
The other one is with the help of TD Composer; Home Page > TD Composer > Block-22 (Fitness).
https://imageshack.com/a/img923/9232/Pojt6u.png
and
http://imagizer.imageshack.us/a/img924/6899/e01u48.png (did not work)
After adding, I clear all the caches.
Thanks.
Hi,
I could not see the changes unless I make gradient color “0”. Here is the settings that I tried many times.
https://imageshack.com/a/img922/75/kQrMGr.png
I fI do not this setting, I am not able to see the color changes , it does not show me. Why?
Hi,
Maybe it is not applying for some reason, I tested it again and it should work
– https://www.screencast.com/t/LXVpozw1
Try it like this again
.td_block_22 .td_module_17 .td-module-meta-holder {
background-color: rgba(185,60,44,.7)!important;
}
I could take a look at the page where you want to make this customization. Maybe I can find why the code is not applying.