Hi,
I’m using Big grid 3 on my homepage.
In order to make the titles more readable over the photos, those are darkened. A bit too much in my opinion. Is it possible to change that? How?
Thanks
Hello chauffeur,
You can try to change the big grid style: http://screencast.com/t/egHUbXet3P
Every style has a different effect over the images. You can check these styles in action here: http://demo.tagdiv.com/newspaper/big-grid-3/
If you want a lighter style, you can chose style 4 and if you don;t like the background-color of the title, you can remove it with this custom CSS:
.td-grid-style-4 .entry-title{
background-color: rgba(0, 0, 0, 0.4)
}
result: http://screencast.com/t/X4UzrlwD
You can change the color and transparency in the code to the one you like best.
Thank you!
Hi Bogdan,
Thanks, that’s much better.
It leads me to another question regarding to big-grid-3. Please check the following picture on the left part: https://dl.dropboxusercontent.com/u/11438257/13-10-2015%2017-28-27.jpg
1) The letters of the first line stick on the main picture. That’s strange, since there should be some empty space above the first line, as in the three other parts of the block.
2) The darkened banner under the text doesn’t reach the end of the dedicated space. Here again, unlike the other parts.
Are those bugs?
Thanks
Hi,
Actually, if you check our demo: http://demo.tagdiv.com/newspaper/big-grid-3/ and select style 4, you will see that it is the way they behave.
This is how it looks at my end too: http://screencast.com/t/meqk8VFK
For the ‘sticky’ part, i don’t see where the text ‘sticks’ to the picture, but your picture in your big container is too small to fit. You can try either to upload bigger images or use a plugin called thumbnail upscale to stretch your images to fit the big containers.
I hope this helps.
Thanks.
Hi Bogdan,
Right, but does it seem logical to you that all the darkened banners but this one continue to the right edge? Anyway, can I change that?
Regarding to the other matter I mentionned in the same left box, the uper part of some title letters come over the picture. I understand that this problem wouldn’t occur with a two lines title. However, if you look at the lower right corner block, whose title is three lines long too, the problem doesn’t occur. What about that?
Thanks
Hello chauffeur,
The problem with the title background not going all the way to the right of the container was a design choise. You can adjust this with custom CSS:
.td-big-thumb .td-meta-info-container{
width: 100%!important;
}
As for the titles that get over the image, the problem is not the title. It is your image. It just so happens that the image gets cut off near the title because it’s size does not correspond to the big grid aspect ratio.
The title is supposed to be over the whole image. Or in a different way to put this, the image is supposed to fill the container and fill the title as well. You can try to upload a different picture to the post in the big container and see what i mean.
Thank you!
That’s perfect. Thanks.
