I’m busy implementing the loop homepage style for my website http://www.reizenoverdewereld.nl/. But on the main page there’s some grayish layer over the ‘featured’ picture (last post). On my current main page you see the picture of the buildings (my last post about Gunkanjima Island), but it’s quite dark. If you open the posting you will see the ‘normal’ picture. So, I think there’s some sort of layer over the picture. If so, is there some custom css to remove that ‘layer’?
Hi,
If you refer to this block(18) please try to use this custom css in Theme Panel to remove the gradient background – http://screencast.com/t/g5c1e7U03Su
.td_block_18 .td_module_mx8 .td-module-thumb a:last-child:after {
opacity: 0;
}
Please provide more details if this is not what you mean.
Thanks!
Jup, that’s it. But a new problem arises. The opacity is used for text over the image, but is it possible to give to lower part a layer? Like for example on http://www.vi.nl (the three top news stories).
Hi,
You can add a background color for the article title – http://screencast.com/t/UAGvtvl3R6i
.td_block_18 .td_module_mx8 .td-module-thumb a:last-child:after {
opacity: 0;
}
.td_block_18 .td_module_mx8 .td-module-meta-info {
background-color: rgba(0, 0, 0, 0.22);
padding-bottom: 20px;
bottom: 0 !important;
}
Hope this helps!
