Gaps in listings on 3 column grid

This topic contains 10 replies, has 3 voices, and was last updated by  Giri 7 years, 3 months ago.

We have moved to a support ticketing system and our forums are now closed.

Open Support Ticket
  • Author
    Posts
  • #360500

    wonderbc
    Expired Member
    Post count: 70

    Since recent update there now appears gaps in the listings on supreme theme, whenever any of the listings above has greater height (see screenshot).

    #360501

    wonderbc
    Expired Member
    Post count: 70
    This reply has been marked as private.
    #360503

    Guust
    Moderator
    Post count: 29970

    Can you give us a URL please. Thanks.

    #360504

    wonderbc
    Expired Member
    Post count: 70

    It may only be on events

    http://www.saltspringpages.com/events/

    #360508

    Guust
    Moderator
    Post count: 29970

    It seems to be listing related, but I cannot find it.
    For example, all these pages are fine:
    http://www.saltspringpages.com/events/?etype=all
    http://www.saltspringpages.com/events/?etype=past

    It is only this one:
    http://www.saltspringpages.com/events/?etype=upcoming

    I’ll get the developers to have a look after the weekend. Thanks.

    #361076

    Giri
    Expired Member
    Post count: 3155

    Hi wonderbc,

    I don’t think we have modified anything on grid height. Thats the way it works already as far as I know.

    You need to be consistent in your grid content or use a minimum height for all grids.

    Ex: You tallest grid has height 360px in desktop. So you can use like this is your custom css.

    
    
    .geodir_category_list_view li.gridview_onethird {
        min-height: 360px;
    }

    There will be empty space if your grid contents are not consistent.

    This is the reason why plugins like masonry are created in the first place. http://masonry.desandro.com/layout.html

    FYI: masonry is a 3rd party javascript plugin and we don’t use masonry in our plugins or themes.

    Hope that helps.

    Thanks

    #361225

    wonderbc
    Expired Member
    Post count: 70

    Giri,

    Currently I allow someone with a premium listing to select multiple categories, so their height could be a lot more. Otherwise, since it is the categories that are causing it, how can I not show the categories in the listings?

    #361281

    Guust
    Moderator
    Post count: 29970

    You can deselect “Listings page” at GD > Place Settings > Custom fields tab > Category custom field > show in what locations.
    https://wpgeodirectory.com/docs/core-place-settings/#show

    Thanks

    #361363

    Giri
    Expired Member
    Post count: 3155

    Yes follow guust solution.

    But before that, can you try this solution.?

    
    
    .geodir_category_list_view li.geodir-gridview {
        float: none !important;
        display: inline-block;
        vertical-align: top;
    }

    Thanks

    #361492

    wonderbc
    Expired Member
    Post count: 70

    Yes Giri, thanks that worked, so I don’t need to remove the categories from the listing page.

    Appreciate that.

    #361685

    Giri
    Expired Member
    Post count: 3155

    Yes you don’t have to remove categories.

    I’m glad it works.

    Thanks

Viewing 11 posts - 1 through 11 (of 11 total)

We have moved to a support ticketing system and our forums are now closed.

Open Support Ticket