Hello.
I have the big grid slider Style 4 on my homepage. I want it to look like this.
I added the following lines in the Custom CSS Editor:
.td-grid-style-4 .entry-title {
background-color: #000;
background-color: rgba(0, 0, 0, 1);
}
.td-grid-style-4 .td-big-thumb .td-meta-info-container {
width: 100%;
/* responsive portrait phone */
}
But it does not overwrite the old style. I’m a CSS newbie, so there must be something I’m missing.
Help would be appreciated
Cheers.
Hello,
You can use this custom css to customize the headers on a big grid 4:
.td_block_big_grid_4 .td-big-grid-meta .entry-title{
background-color:rgba(0, 0, 0, 1);
}
.td-big-grid-meta{
width:95.7%!important
}
Thanks.
Hello.
That custom css did not worked.
I placed the !important on:
.td-grid-style-4 .entry-title {
background-color: #000 !important;
background-color: rgba(0, 0, 0, 1) !important;
}
.td-grid-style-4 .td-big-thumb .td-meta-info-container {
width: 96% !important;
/* responsive portrait phone */
}
But I don’t know if it will cause posterior issues.
Have a nice day!
Hello,
If the important made it apply, then it should not affect any other parts of the website. It is safe to use it with important.
Thank you!
