Hi!
I have a few questions related to the design of big grids. I´ve tried to find answers to these questions but I haven´t found them. Could someone help me please?
1. Is there a way of reducing the space between the category and the title of the post?
1. Is it possible to change the color of the category tag on the thumbnail? I´ve seen it´s possible to display on the post itself, but not on the thumbnail.
2. Is there a way of reducing/increasing the gap between pictures on big grids 4, 9 and 1? (I´ve been able to change horizontal space between rows but I haven´t been able to change vertical space between thumbnails)
3. Using default style for big grids there is a shadow on the bottom of the thumbnail (I guess its to improve readability of the title). Would it be possible to get rid of it?
Thank you very much
Hi,
1. There is a margin bottom set on category tag displayed above the title in the big grids – https://www.screencast.com/t/KDHDppLkL You could remove it if you want with custom css on a specific big grid or just one of the modules contained in that grid – https://www.screencast.com/t/1WwnFwMPn6vB using a code like this, then enter it in Theme panel->Custom Css
.td-big-grid-post .td-post-category {
margin: 0;
}
2. The background color could be changed with css also, using a code like this (depending on the big grid you use) – https://www.screencast.com/t/uMp0LjYxl
.td_block_big_grid_4 .td-post-category {
background-color: blue;
}
3. That depends on the big grid used, for example Big grid 9 has a margin-right property of 3px – https://www.screencast.com/t/4tn8HKXO for each of the module thumbs except the last one.
4. That shadow can be removed on the Grid style 1 (default) – https://www.screencast.com/t/7EvvFcBa using this code
.td-grid-style-1.td-hover-1
.td-module-thumb a:last-child:before {
display: none;
}
Result – https://www.screencast.com/t/zcU4uusiWh0
Also here is a tutorial about how you can use your browser inspector to find elements on the page and how to customize them – https://forum.tagdiv.com/create-custom-code-using-the-browsers-inspector/
Thanks
