Thanks Jory,
It seems I did something wrong with my CSS; for anyone struggling with the same (or a similar problem) I will show here what I did to solve the problem:
file: style.css (in my case part of the Ollie child theme)
In this file I added the following CSS code:
.paddestoel-image img {
box-sizing: border-box;
height: auto;
max-width: 100%;
vertical-align: bottom;
}
To actually use this extra CSS, you have to do one more thing.
In my case, I’m creating my own template with the WordPress Site Editor. I’m editing a Single Post template for a Custom Post Type. This Custom Post Type contains an image field. In my template, I want this image to fit in a column.
The last step to get everything together is to add “paddestoel-image” (my custom class name which I added to style.css) in the field for “Additional CSS CLASS(ES)”.
So: Site Editor | Block properties | Advanced | Additional CSS CLASS(ES) | paddestoel-image
And I’m happy to say that it now works ??
Cheers,
Johan.
-
This reply was modified 1 year, 5 months ago by jduin.
