Looper Featured Image as background image size

[Keanu]

Hi all,

I’m trying to reduce the footprint of a website at the moment, is there a way that I can set the size of a featured image which is set as the background image of a column please?

I read somewhere the following; “{{dc:post:featured_image_id size=“small”}}” however it doesn’t look to be possible on background layers?

Currently it’s loading in the full size image into a container that’s no where near the size, resulting in it loading 6MB extra on the page for no reason.

Else, a suggestion for another way around it would be great.

Thanks in advance,
Kind regards,

[ruenel]

Hello @Keanu,

Thanks for writing in!

There is no such image size as small. The default image sizes are thumbs, medium, large and full.

• https://developer.wordpress.org/reference/functions/the_post_thumbnail/

While you cannot select the size in the featured image dynamic content, you can still change it manually. To do that, please do the following:
1.) Editing in the builder, find the Hamburger menu for the Settings in the upper left corner.

2.) Click the Preferences and enable the Dev Toolkit.

3.) Once enabled, you will see the Power Tool icon on the left panel

4.) Click the featured image element and then click the Dev Toolkit icon so that you can find all the data for the featured image element.

5.) Go to the Inspector tab and find the “Image SRC” field:

This is where you can change the featured image source by adding the size property.

Hope this makes sense.

[Keanu]

Morning @ruenel,

This is absolutely spot on what I needed, thank you so much for the help!! Please consider this issue solved. I had no idea you could do that from the dev toolkit part menu, I thought it was more just a read out of everything rather than being able to edit things. I’ve got a bunch of projects that this will sort now!

Thank you again,
Kind regards,

[tristup]

Hi @Keanu,

Glad that we are able to help you.

Thanks