jduin

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 2 years, 8 months ago by jduin.