Hi
The TagDiv image gallery has a bug where only half the image is shown above the thumbnails.
http://www.screencast.com/t/mmwU7ZLvx
Any Advice how to fix this? (I’m using NewsPaper 6.2)
Hi,
Please try to regenerate your thumbnails using – https://forum.tagdiv.com/using-the-theme-with-existing-content/ also check this without any plugins active, leave just Visual Composer active, clear cache and see if the issue persist.
Please provide a link so we can take a look if you still have this issue.
Thanks!
Hi Alin,
thanks for the feedback – I’ve tried the steps you’ve suggested, but no luck. However I have been able to replicate the problem by creating a new (empty) post and adding a tagdiv gallery using the classic interface, it works fine. But when I switch to visual composer and add another section, for example a text block below the slider image is offset to the right, as well as the caption text immediately below the photo!
I’ve added some custom CSS to the page to fix it as a temporary workaround, maybe this can give you a clue as to what causes this. Are you able to replicate the same issue on your Newspaper installation, or is it just something specific to my setup?
.td-gallery-slide-copywrite {
background-color: rgba(0, 0, 0, 0.8);
display: inline-block;
float: left;
font-size: 11px;
font-style: italic;
line-height: 1;
padding: 4px 6px;
text-align: left;
}
.td-doubleSlider-1 .td-slide-item .td-slide-galery-figure img {
bottom: -50%;
left: -85%; // Changed
margin: auto;
overflow: auto;
position: absolute;
right: -50%;
top: -50%;
}
Hi,
You have this issue because you use Visual Composer on posts page, unfortunately the tagdiv gallery was not designed for to be used in a text block in post. I have added this on our list and we will take a look at this and we will try to fix it in a future update. Using that custom css will break it on pages – http://screencast.com/t/EQRFHtUvD Try to target only post template and when is used in a text block like this:
.single .wpb_text_column .td-gallery-slide-copywrite {
background-color: rgba(0, 0, 0, 0.8);
display: inline-block;
float: left;
font-size: 11px;
font-style: italic;
line-height: 1;
padding: 4px 6px;
text-align: left;
}
.single .wpb_text_column .td-doubleSlider-1 .td-slide-item .td-slide-galery-figure img {
bottom: -50%;
left: -85%; // Changed
margin: auto;
overflow: auto;
position: absolute;
right: -50%;
top: -50%;
}
Thanks for reporting this!
i have the same problem and i have submitted in the forum.
https://forum.tagdiv.com/topic/tagdiv-slide-gallery-not-stretching-the-images/
In my case, i have not enabled Visual Composed for Posts. i have it enabled only for pages.
pls let me know if the above custom css code works for me too?
Thanks
