Also, does it only pertain to gallery? Not images?

Thank you!

It used to look like this on this old page I haven’t touched in a few years:
https://www.funnybunny.se/goodies/goodies-petite-blythe/knit-sweater-for-blythe/

(It is not ideal as I really wanted to move the caption *below* the image*)

Now where I updated an article, the captions are suddenly, well, not good looking.

https://www.funnybunny.se/articles/emerald-witch/all-about-emerald-witch/

Ideally I want it to look typographically like the OLD page, but with the caption BELOW the pictures.

How can I accomplish it in best way?

I apologize for not being straightforward because I have been unable to find a demo copy with similar type of images and captions so I can’t figure if it is WP’s or OceanWP’s update that “broke” this. And maybe if you know of an actual place to edit this appearance instead for messing around in the CSS, let me know, because it has indeed been a while I set up the site.

And for reference, the CSS I used to modify the code. It is not working anymore, of course, because it seems that classes/ids are completely different now.

`/* Gutenberg Gallery Block CSS (finns i t.ex. EME-artikeln) */

.wp-block-gallery .blocks-gallery-image figcaption, .wp-block-gallery .blocks-gallery-item figcaption {
padding: 5px 10px 5px;
color: #333;
font-size: 15px;
font-weight: bold;
background-color: transparent;;background: linear-gradient(0deg,rgba(255, 255, 255, 0.3),rgba(255, 255, 255, 0.3) 100%,transparent);
font-style: italic;
}

Again, I would like for it to typographically look like the OLD version, and for it to be BELOW the pictures.

THANK YOU kindly for all help.

Right now it’s full screen, which is kind of nice; however with 4K and 5K monitor screens it might be too large, and the images need to be of that size too (which creates large files for enough quality).

I’m not sure if I need/want/like a pixel setting, of a percentage.

If you have a css solution, that would be nice too

Cheers,
Marc

It even works with just 1 image in a gallery; it’s a kind of workaround, but it does the trick

Still would be nice if the plugin can work with single images without having to add them to a gallery; is it possible to add this feature?

Cheers,
Marc

I installed a plugin to revert to Classic Editor, and when I turn that on I do not get the problem.

I have disabled all of my plugins and changed themes to Twenty Twenty and I still experience this problem. I have tried Safari and Chrome and both produce the same problem.

Here is a link to some screenshots:
https://drive.google.com/drive/folders/1gztgmMpHMXKDu5LCSapGloUzFM0Jku1M?usp=sharing

I’m trying to get a website away from a page builder plugin and to Gutenberg. No problem for the text part, but I’m not sure what’s not working right with the Gutenberg gallery blocks.
Wordpress seems to be mostly reliable when it comes to only serving the image size that’s needed instead of scaling down the often enormous original version of an image.
But with the Gutenberg gallery, all the images, although they’re hardly bigger than a thumbnail inside the post, seem to be loaded in original size and then being scaled down by css/html to fit the space. It’s very gorgeous, but a nightmare when it comes to the loading time of this page that consists mostly of gallery posts with large (at least 20-40pics each time) image galleries.

Am I doing something wrong? The gallery is set to link each thumbnail (or rather thumbnailed original) to the file itself. When one clicks on the “thumbnail” a bigger version of the image (again scaled down original size) opens in a light box view. Screenshot of light box view with irritating giant X-Close-Button.
Unfortunately I cannot link to the page right now.

With the gallery serving to large images although there are plenty of generated thumbnails, the close-button being way too large on desktop I am not sure whether there’s something fundamentally wrong going on or me missing a very important step somewhere.