Hello,
i want to remove the gradient from the pictures in big grid 7. and replace it with a uniform grey.
how can i do that?
Take a look at my page:
http://www.good-life.ro/gurmand/ (goodlife!23 password)
Also is there a way to add a space between pictures so that they don’t look so crowded. Something like the Block 14.
thank you.
Hi
Try this custom css in theme panel > custom css: http://screencast.com/t/uPl3Ws1IYOC
.td-grid-style-4.td-hover-1 .td-module-thumb:before{
background: grey;
opacity: 0.6;
}
To add a space between thumbs you can add a padding using this css: http://screencast.com/t/87cynyfrKC6
.td_block_big_grid_7 .td-module-thumb {
padding: 2px;
}
This css will be applied only for big grid 7.
Thanks!
OK new problem:
I changed the style for the Big grid.
And what i want now is the same: space between pictures, and change the font, or more specific bold it because now it’s a little bit thin. I saw that when i changed the style the font changed also so i belive that it’s linked with some module. And if it’s linked i want to change the font only in big grid, not in the module.
The solution you gave me above with the space it’s not working now.
http://www.good-life.ro/gurmand/ (goodlife!23 password)
thank you.
Hi
Try this css: http://screencast.com/t/6bZ2oh9B5w This css code will affect only the big grid 7:
.td_block_big_grid_7 .td-module-thumb{
margin: 1px;
}
.td_block_big_grid_7 .td-small-thumb .entry-title{
font-size: 25px!important;
}
Thanks!
Thank you for your answer but it’s still not what i want.
See the link bellow:
http://www.screencast.com/t/bHVjFH6ZVc
In my screenshot you will see some white lines, and only between the pictures, NOT on the external margins.
When i put the css you gave 3 things happen:
1) the space is on each side of the pictures
2) because the space it’s on each side you will have double space between pictures. 1px + 1px
3) The spacing doesn’t apply to the black transparent layer on top of the picture. So it results a space between pictures that is grey not white.
Another questions:
How do i change the color of that black transparency. let’s say i want it to be like the dark blue from my website.
thank you
Hi
Replace the above css with this one: http://screencast.com/t/wnFwycpV
.td-grid-group-1 .td-module-thumb, .td-grid-group-2 .td-module-thumb{
margin: 0 1px 0 0;
}
.td-grid-style-5 .td-big-grid-scroll .td-big-grid-post{
padding-top: 1px;
}
.td-grid-group-1 div:last-child{
margin-top: 1px
}
.td-grid-group-2 div:first-child, .td-grid-group-3 div:first-child {
padding-top: 0!important;
}
.td_block_big_grid_7 .td-module-thumb a:last-child:before{
opacity: 0.3 !important;
}Thanks!
Almost there.
I still have some lines where i don’t want them
See the link bellow:
http://www.screencast.com/t/dycCxGtJExrA
1) i don’t want the lines that i marked
2) i want the space between pictures to be white not grey.
And can you please tell me how to change the black color that is used over the pictures.
thank you.
Hi
Sorry about that. I’ve tested with a 1px margin and didn’t noticed that margins. Replace the previous css with this one, it should work fine: http://screencast.com/t/sE3zNaXCz
.td-grid-group-1 .td-module-thumb, .td-grid-group-2 .td-module-thumb{
margin: 0 10px 0 0;
}
.td-grid-style-5 .td-big-grid-scroll .td-big-grid-post{
padding-top: 10px;
}
.td-grid-group-1 div:last-child{
padding-top: 10px;
}
.td-grid-style-5 .td-big-grid-scroll .td-big-grid-post:first-child{
padding-top: 0;
}
.td_block_big_grid_7 {
background-color: #fff;
}To change the thumb’s background color try this css: http://screencast.com/t/GfF3PpTLvaBA
.td-grid-style-5 .td-module-thumb a:last-child:before{
background-color: #8D8484;
}Thanks!
Super.
It’s OK now.
one more question:
How about the red color that appears on roll over the pictures. I have a red now.
Can i change that too?
Hi
To change the color which appear when the user hover over thumbs use this custom css: http://screencast.com/t/fsrRSy9Hh
.td-grid-style-5 .td-big-grid-post .td-module-thumb:after {
background-color: #f7be68;
}
Thanks!
