NO BUG: Image shows medium size however i select thumbnail size

Bugs
1

Browser: Chrome 110
OS: macOS
URL: deveolpsite

Hi everyone, this is my first post. I’m building my second website with bricks builder and coming from beaver builder. Also experimenting with Breakdance. Im trying to make a next step in webdesign skils and freedom. Although i have to learn a lot, im quite happy so far having more control over the details.

So now im having an issie with images. I searched and found some topics, but i dont seem to find the right answer. Maybe beacuase im not native english (dutch) or maybe my searching skils need some polishing :wink: So if anyone can help, or point me in the right direction i would be gratefull.

The issue is the following:
Im building a website with dynamic portfolio. And for the archive page i build a custom but straigtforward card layout.
My wordpress media settings are 300 (thumbnails) 600 (medium) 1200 (large)
In the card i place an image, coming from the dynamic data (not featured image)
I choose image size ‘Thumbnail 300x300’
But when i render the page, it shows the 480x600 version.

Now i guess this could be a smart optimizing feature, for me it is a small problem because:
When an image is uploaded, alle image sizes but the thumbnail, are ‘watermarked’.
And on the archive page i prefer to show the non-watermarked image (wich is the thumbnail in this case)

So the question is, how can i force to show the thumbnail version without the watermark?

I hope i explained correctly. Please forgive me for not writing fluently english if so.
Hope some one can assist, thanks in advance.

Hereby also the code from the inspector:

<img width="240" height="300" src="img-240x300.jpg" class="css-filter size-thumbnail" alt="" decoding="async" fetchpriority="high" data-type="string" sizes="(max-width: 240px) 100vw, 240px" srcset="img--240x300.jpg 240w, img-480x600.jpg 480w, img.jpg 800w"/>

2

Hi Robert,
Welcome to the forum!

The reason for this is probably srcset, which automatically selects the “appropriate” image size depending on the size of the viewport, resolution, pixel density, etc. As this is part of WordPress’s standard features, I don’t see a Bricks bug.

However, you can deactivate srcset by adding the following filter to the functions.php of your child theme:

// disable srcset on frontend
function disable_wp_responsive_images() {
	return 1;
}
add_filter('max_srcset_image_width', 'disable_wp_responsive_images');

Best regards,
timmse

4

Thank you so much, this is probably what i experience. I’ll dive into it, and thanks for the fast reply!