I want to change the look of the big grid. I want to add a border. Something like this :
Please tell me the procedure. thanks in advance.
I want to add yellow border like the image posted above.
Hello,
Assuming that block1 is the one you want to change, you can use this css to do it:
.td_block_big_grid_1 .td_module_mx5 .td-module-thumb{
border: 5px solid yellow;
}
You can add the code in the theme panel->custom css box.
Thank you!
Hello Bogdan, thanks for the reply and Css code. 5 Stars for the support.
Hi,
I assume you are talking about the hover effect with the yellow border and transition effect.
The way the site you mention has done it is with this css:
.td_module_mx6:hover .td-module-thumb {
border: 5px solid #F3EC04;
}
.td_module_mx6 .td-module-thumb {
border: 0px solid #F3EC04;
transition: all 0.3s linear!important;Thanks.
Thank you so much !! thanks for the support! #5stars
look achieved but :
Yellow warning sign : Use of Important.
I sign : Values of 0 shouldn’t have units specified
Hi,
The css box shows suggestions, yes. By cleaning up the code you can use it like so:
.td_module_mx6:hover .td-module-thumb {
border: 5px solid #F3EC04;
}
.td_module_mx6 .td-module-thumb {
transition: all 0.3s linear;
(the first was a copy of the code used by the site you mentioned)
Thanks.
Thanks for the support.
