I have the problem, that my pictures (all inserted as gallery) are blurred. When I add the pic as pic it is not blurred.
Second problem with the gallery: I have enabled the caption function in italic and centered. When I add my pic as pic, the caption is shown the right way. When I add it as gallery, the caption is not shown constantly (only when I move the cursor over the pic), text is not italic and not centered (it is left).
And third problem: There is an empty alt-attribute in the img-tag. Only when I add it as pic, I can see the alt-attribute in the img-tag.
- caption in images is shown the whole time! I want to have it like in gallery caption! Only shown, when I hover over it! When I set single images as gallery, they are blurred, when I set them as image, the caption is shown the whole time!!
- caption in galleries is not centered and not italic (still not, after I have entered your code)!
2) Yes I understood! I have changed all images on my blog, which were nearly 300. But I think it is not a good solution! Why are single galleries blurred? You should change this in your theme!
2/ To make the images has good quality even for single image galleries, please change the code I sent you on point 3 in my previous comment to this code:
Hi,
I have the problem, that my pictures (all inserted as gallery) are blurred. When I add the pic as pic it is not blurred.
Second problem with the gallery: I have enabled the caption function in italic and centered. When I add my pic as pic, the caption is shown the right way. When I add it as gallery, the caption is not shown constantly (only when I move the cursor over the pic), text is not italic and not centered (it is left).
And third problem: There is an empty alt-attribute in the img-tag. Only when I add it as pic, I can see the alt-attribute in the img-tag.
Thank you.
Regards,
C.
Hi,
Can you show me a link for this issue?
Best Regards,
PenciDesign
Hi,
1/ You can make gallery caption on the gallery images like caption on image caption by add more this code to Customize > Custom CSS:
.justified-gallery>a>.caption, .justified-gallery>div>.caption{ opacity: 1 !important; display: block !important; font-style: italic; text-align: center; font-size: 14px; } .justified-gallery>a:hover>.caption, .justified-gallery>div:hover>.caption{ opacity: 0 !important; }2/ Gallery use when you using it for multiple images - if you using for only one image like on this post:
https://www.wiraufreise.de/blogparade-11-fragen-zum-thema-heimatliebe/
You should use image caption - instead of gallery.
3/ To add alt to your images in gallery, please replace this code like on this image to this code:
Best Regards,
PenciDesign
Hi,
1) it still doesn't work! What I want to have:
- caption in images is shown the whole time! I want to have it like in gallery caption! Only shown, when I hover over it! When I set single images as gallery, they are blurred, when I set them as image, the caption is shown the whole time!!
- caption in galleries is not centered and not italic (still not, after I have entered your code)!
2) Yes I understood! I have changed all images on my blog, which were nearly 300. But I think it is not a good solution! Why are single galleries blurred? You should change this in your theme!
3) It seems to me, that it works now! Thank you.
Kind regards,
Charnette
Hi,
1/ Ah I understand it now.
If so, please replace the code I sent you to this codes:
.justified-gallery>a>.caption, .justified-gallery>div>.caption{ font-style: italic; text-align: center; font-size: 14px; } .wp-caption p.wp-caption-text, .penci-featured-caption{ opacity: 0; } .wp-caption:hover p.wp-caption-text, .post-image:hover .penci-featured-caption { transform: none; -webkit-transform: none; opacity: 1; }2/ To make the images has good quality even for single image galleries, please change the code I sent you on point 3 in my previous comment to this code:
Best Regards,
PenciDesign
Hi,
Please try replace the code I sent to this code:
.justified-gallery>a>.caption, .justified-gallery>div>.caption, .penci-post-gallery-container.masonry .item-gallery-masonry .caption{ font-style: italic; text-align: center; font-size: 14px; } .wp-caption p.wp-caption-text, .penci-featured-caption{ opacity: 0; } .wp-caption:hover p.wp-caption-text, .post-image:hover .penci-featured-caption, .penci-post-gallery-container.masonry .item-gallery-masonry:hover .caption { transform: none; -webkit-transform: none; opacity: 1; }Best Regards,
PenciDesign
Hi,
now it works! Thank you very much for your help!
Regards.