Image distance issue

  • Resolved dutt

    (@rajat-dutt)


    1 year, 10 months ago

    Hi team,

    I am getting issue between image gaps. There is too much gap between three cells in row.

    please find below screenshot:

    https://snipboard.io/iVu5bR.jpg

    Please gothough below screenshot and confirm how can i improve it.

    I tried with row>editr>layout>Gutter padding 10,-10,-100,-500 nothing work to remove the gap between images but when i added them as gallery its giving me exact look.

    I need the same but not in gallery format please help

    The page I need help with: [log in to see the link]

Viewing 7 replies - 1 through 7 (of 7 total)
  • Plugin Support Andrew Misplon

    (@misplon)

    Hi dutt

    Thanks for getting in touch.

    A quick reminder that margin is able to use negative values but, unfortunately, not padding.

    It looks like you’ve made progress since posting by using a Full Width Stretched row. If you still need a hand, please, let me know.

    Thanks again.

    Andrew

    Thread Starter dutt

    (@rajat-dutt)

    I got your point i have one question?

    In mobile view if we are adding two cells in one row its coming one below other.

    I want 2 cells in row must come with picture.

    Example:

    1 Row>>4 Cells

    4Cells Containing images

    Desktop View: All 4 images in a single line

    Mobile View: 2 Images in single line and 2 images in another line.

    I hope you getting my point

    Plugin Support Andrew Misplon

    (@misplon)

    You can edit any row and open the Layout section. There you can set the following:

    Collapse Behaviour: Standard or No Collapse.
    Collapse Order: Default, Left on Top, or Right on Top.

    It isn’t currently possible to adjust the cell count for mobile.

    Thread Starter dutt

    (@rajat-dutt)

    Thanks for the support. I have one last issue. how can i remove this white space. Can you tell me any CSS to remove this white space. Its looking very weird in mobile preview and desktop preview. please find below screenshot:

    https://snipboard.io/NnabBe.jpg

    I have added this slider using your plugin.

    Plugin Support Andrew Misplon

    (@misplon)

    I’m glad we could assist.

    It would be best to research how to remove the Storefront header bottom margin. The margin originates from the theme’s stylesheet. I tried “remove storefront header bottom padding” in a search engine, and there look to be several topics on the search. You can also try “remove storefront header bottom margin”

    Thread Starter dutt

    (@rajat-dutt)

    I tried with multiple option available on google but nothing works on my site. Can you please help me on this?

    only your porivded codes are working on my site.

    Plugin Support Andrew Misplon

    (@misplon)

    Hi. Thanks for your reply. We do our best with limited resources. We’re here to help wherever possible with any SiteOrigin queries. Unfortunately, we aren’t able to provide support for third-party themes. The margin in question originates from Storefront. Ideally, Storefront support would lend a hand, or perhaps there is a setting I’m unaware of.

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘Image distance issue’ is closed to new replies.