Hi,
I am currently using SiteOrigin Image Widget to display single images in my posts. I checked the ‘Bound’ option that makes sure the image doesn’t extend beyond its container.
However, there is a space between the images as it is contained within a fixed container size. Is there any way to make the height of the container variable so it wraps around the content within it instead of displaying a fixed height container?
Refer to post for example: http://theworkbench.sg/v2/labour-love/
Thanks!
Hi ryanlen
Thanks for the feedback. Unfortunately not within the current bounds of the widget’s settings, no, this isn’t possible. What is the end result you’re looking for?
Hi Andrew,
I am trying to achieve the same gutter size for the images. The space between the left column image and the right column image is fine, but the space between the top image and the bottom image is too wide. (Refer to url given below, scroll down to the images section and you’ll see what I mean)
If it’s not possible to set a variable height. Is there any alternative to make sure that my image fills the container fully be it being seen on a large screen or on a mobile screen?
Look forward to your soonest reply. Thanks!
URL: http://theworkbench.sg/v2/labour-love/
Hi Andrew,
I am trying to achieve the same gutter size for the images. The space between the left column image and the right column image is fine, but the space between the top image and the bottom image is too wide. (Refer to url given below, scroll down to the images section and you’ll see what I mean)
If it’s not possible to set a variable height. Is there any alternative to make sure that my image fills the container fully be it being seen on a large screen or on a mobile screen?
Look forward to your soonest reply. Thanks!
URL: http://theworkbench.sg/v2/labour-love/
Hi Andrew,
Any updates on this? Would appreciate a reply soonest.
Thanks!
—
Ryan
Hi,
It’s been almost 2 weeks since I last heard from you guys, was hoping there was a solution to resolve the gutter issue.
Would appreciate any help on this. Thanks!
Hi ryanlen,
Apologies on the delayed reply.
The spacing you are referring to is set via css. You could decide to adjust this using this css snippet:
img.so-widget-image{
margin: 5px 0 !important;
}
Let me know if it helps.
Cheers :)