Home>Support>SiteOrigin Image Container Variable Height

SiteOrigin Image Container Variable Height

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!

URL: http://theworkbench.sg/v2/labour-love/

This is our free support forum. Replies can take several days. If you need fast email support, please purchase a SiteOrigin Premium license.

  1. 7 years, 3 months ago Andrew Misplon Hi, I Work Here

    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?

    • 7 years, 3 months ago ryanlen

      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/

  2. 7 years, 3 months ago ryanlen

    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/

  3. 7 years, 3 months ago ryanlen

    Hi Andrew,

    Any updates on this? Would appreciate a reply soonest.

    Thanks!


    Ryan

  4. 7 years, 3 months ago ryanlen

    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!

  5. 7 years, 3 months ago Daniel Hi, I Work Here

    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 :)

Replies on this thread are closed. Please create a new thread if you have a question, or purchase a SiteOrigin Premium license if you need one-on-one email support.

Get The Most Out of SiteOrigin with SiteOrigin Premium

Find Out More