hi there,
nice effect on featured pictures in fullview and also in big grid – but it is making the images very dark. can i configure it, so it is not so dark? where?
Example for to much darkness: http://www.puffbohne.de/neue-erfurter-blumenkoenigin-gesucht/
frank
Try using:
For Big Grids and Big Grid Slider you can use Style 4 – http://screencast.com/t/WHqbfgNQqsA
See this post: https://forum.tagdiv.com/topic/dark-pictures/#post-54266
On big grid it worked fine – although it is a different kind of presentation. i liked the style 1 – but not the darkening of the images.
what did not work, was a change to a single post with the background effect like here: http://www.puffbohne.de/neue-saison-neuer-lesestoff-knv-unterstuetzt-erneut-lesepavillon-im-egapark/
the picture is just to dark on most displays. how do i change it to get not so dark?
Thanks for replying… using Grid Style worked for me.
@fkpress – You can try this. Not sure if it will work the same…
@hhealth If you want to remove gradient for all modules you can try this custom css: http://screencast.com/t/wU2cz2A4R
.td_module_wrap .td-module-thumb a:last-child:before {
display: none !important;
}
If you want this for each block you can try something like this: http://screencast.com/t/mU0X9p64fw you can use it also for block 14 just change 19 with 14:
.td_block_19 .td-module-thumb a:last-child:before {
display: none !important;
}
does not help for me.
Hi,
That area has a background – http://screencast.com/t/g2PsjADHlvT
You could play with the transparency – http://screencast.com/t/CpD5pQjpr
.td-post-template-8 .td-post-header {
background-color: rgba(0, 0, 0, 0.1);
}Or remove it:
.td-post-template-8 .td-post-header {
background-color: transparent;
}It also comes with a gradient: – http://screencast.com/t/qIE9Mlo3rUQy
Use the following css to remove it:
.td-image-gradient-style8:after {
display: none;
}Thank you!
Thanks for yours answers.
I use this code to put some lignt on the image :
.td-post-template-8 .td-post-header {
background-color: rgba(0, 0, 0, 0.1);
}
But when the image is too white, the white title is not readable.
I think it will be easily correct with puting more gradient only on the bottom (under the title).
Second coment : the lenght of the title stops at the level of the begining of the right widget part.
In consequence praticaly all our title go on 2 lines.
How could I do to have the same marge on the right that we alreay have on the left?
http://imageshack.com/a/img537/4417/jzps4Q.jpg
Regards
🙂
I did nothing except cut and paste the code that Emil G propose one message before ! 🙂
I just want to go further.
Any help to put the title on a more larger line and put the title background darher (see my previous answer)?
Hi,
Please try this custom css for post style 8 (width and background) – http://screencast.com/t/Vvf1RelEPPB
.td-post-template-8 .td-post-title {
width: 100%;
}
.td-post-template-8 .td-post-header .entry-title {
background-color: rgba(0, 0, 0, 0.5);
}
Thanks!
THanks!
Here the result: http://www.virtualmagie.org/articles/critiques/videomania/arthur-de-chris-wiehl/
Ok for the width but I don’t like the background too much.
In the V4 version, top of the image was clear and at the bottom end there was a radian black background.
It was very classy and readable.
It is the third style.
Here an example with a white background: http://www.virtualmagie.org/articles/autres/humour/piercing/
Could you please combine all these cool elements meaning
– gradient only at the bottom on the title
– gradient all around the inside image
– very light shadow on the image (meaning not too dark like here: http://www.virtualmagie.org/articles/critiques/videomania/arthur-de-chris-wiehl/ On these example, you just have to add a black light gradient from bottom to the tags)
Thanks
Hi,
Not sure if this is what you mean but you can try this custom css and play a little with those values maybe you find what you need, also remove background for title – http://screencast.com/t/bwVVEoIM
.td-image-gradient-style8:after {
background: -moz-linear-gradient(top,rgba(0,0,0,0) 50%,rgba(0,0,0,0.5) 100%);
background: -webkit-gradient(linear,left top,left bottom,color-stop(50%,rgba(0,0,0,0)),color-stop(100%,rgba(0,0,0,0.5)));
background: -webkit-linear-gradient(top,rgba(0,0,0,0) 50%,rgba(0,0,0,0.5) 100%);
background: -o-linear-gradient(top,rgba(0,0,0,0) 50%,rgba(0,0,0,0.5) 100%);
background: -ms-linear-gradient(top,rgba(0,0,0,0) 50%,rgba(0,0,0,0.5) 100%);
background: linear-gradient(to bottom,rgba(0,0,0,0) 50%,rgba(0,0,0,0.5) 100%);
-webkit-box-shadow: none !important;
-moz-box-shadow: none !important;
box-shadow: none !important;
}
.td-post-template-8 .td-post-header {
background-color: transparent !important;
}
Thanks!
3 more things:
1/ Reduce the height of the bottom gradient. I think 30% it is enought. So I put 70 instead of 50 in your code.
Here the result: http://www.virtualmagie.org/articles/autres/humour/piercing/
2/ On white or clear image, the breadcrumb disappear.
Is it possible to keep the gradient alround inside the image you put on the 8 style? It will solve this?
3/ If it is not possible, I think we could put a gradient like for the bottom (but a very small one).
Regards
Hi,
The gradient background goes from top of the container(image) to bottom with specific color(light color) on top to specific color on bottom. The breadcrumbs are on top of the container where the background is not applied, you will need to have color visible also on top.
Also you can add a background color to the breadcrumbs – http://screencast.com/t/Q6g3ZNBTq or you can hide it only on this post style – http://screencast.com/t/oLFCYNLRyecb
Thanks!
