Gallery pictures are blurred and caption does not what I want

Charnette_Schnabel replied

8 years ago

Customer Reply

Hi,

now it works! Thank you very much for your help!

Regards.

PenciDesign replied

8 years ago

Staff Reply

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

PenciDesign replied

8 years ago

Staff Reply

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:

\
$output .= wp_get_attachment_image( $imagePost->ID, 'penci-full-thumb' );

Best Regards,

PenciDesign

Charnette_Schnabel replied

8 years ago

Customer Reply

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

PenciDesign replied

8 years ago

Staff Reply

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:

\

\
$output .= wp_get_attachment_image( $imagePost->ID, 'penci-masonry-thumb' );\

\

Best Regards,

\

PenciDesign

PenciDesign replied

8 years ago

Staff Reply

Hi,

Can you show me a link for this issue?

Best Regards,

PenciDesign

Charnette_Schnabel started the conversation

8 years ago

Conversation Start

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.