This thread is over two years old and may be outdated. Please create a new thread if you need help, or email us if you have an active Premium license.

SiteOrigin Image Container Variable Height

Open 6 replies pluginplugin-all-widget-plugins
ryanlen
11 years ago · Last reply by Daniel 11 years ago

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.

Need fast email support? Get SiteOrigin Premium

Replies

6
  1. Andrew Misplon Staff 11 years, 29 days ago

    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?

    • ryanlen 11 years, 13 days ago

      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. ryanlen 11 years, 29 days ago

    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. ryanlen 11 years, 23 days ago

    Hi Andrew,

    Any updates on this? Would appreciate a reply soonest.

    Thanks!

    —
    Ryan

  4. ryanlen 11 years, 13 days ago

    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. Daniel Staff 11 years, 3 days ago

    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.

Have a different question or issue?

Start New Thread