grid not displaying properly

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

  • Author
    Posts
  • #396668

    grant mcarthur
    Buyer
    Post count: 10

    Hello,

    when i try to set the “View : Grid 4” it only shows 3 columns, “View : Grid 5” it only shows 4 columns etc with white space between the main section and right sidebar. How can i fix this?

    thanks

    #396670

    grant mcarthur
    Buyer
    Post count: 10
    #396671

    Guust
    Moderator
    Post count: 29970

    Try adding this CSS:

    
    
    .geodir_category_list_view li.gridview_onefourth {
        width: 24% !important;}

    I’ll get one of the developers to have a closer look too, because that is not normally how it works in my experience.

    Thanks

    #396762

    Giri
    Expired Member
    Post count: 3155

    Hi there,

    You can try this css

    
    
    .geodir_category_list_view li.gridview_onehalf {
        margin: 0 20px 0 0;
        width: calc(50% - 12px);
    }
    
    .geodir_category_list_view li.gridview_onethird {
        margin: 0 15px 0 0;
        width: calc(33.3% - 12px);
    }
    
    .geodir_category_list_view li.gridview_onefourth {
        margin: 0 13px 0 0;
        width: calc(25% - 12px);
    }
    
    .geodir_category_list_view li.gridview_onefifth {
        margin: 0 12px 0 0;
        width: calc(20% - 12px);
    }

    Thanks

    #396765

    grant mcarthur
    Buyer
    Post count: 10

    Hi Giri,

    this did not work…

    .geodir_category_list_view li.gridview_onefourth {
    width: 24% !important;}

    the code above worked but if a user was to change the grid view it breaks again?

    #396776

    Giri
    Expired Member
    Post count: 3155

    Hi Grant,

    Maybe its because I have not added the important tag.

    Please try with this code.

    
    
    
    .geodir_category_list_view li.gridview_onehalf {
        margin: 0 20px 0 0 !important;
        width: calc(50% - 12px) !important;
    }
    
    .geodir_category_list_view li.gridview_onethird {
        margin: 0 15px 0 0 !important;
        width: calc(33.3% - 12px) !important;
    }
    
    .geodir_category_list_view li.gridview_onefourth {
        margin: 0 13px 0 0 !important;
        width: calc(25% - 12px) !important;
    }
    
    .geodir_category_list_view li.gridview_onefifth {
        margin: 0 12px 0 0 !important;
        width: calc(20% - 12px) !important;
    }
    #396777

    grant mcarthur
    Buyer
    Post count: 10

    Hi, unfortunately, that still does not work…

    #396781

    Giri
    Expired Member
    Post count: 3155

    How about this code?

    
    
    .geodir_category_list_view li.gridview_onehalf {
        margin: 0 6px 0 0 !important;
        width: calc(50% - 12px) !important;
    }
    
    .geodir_category_list_view li.gridview_onethird {
        margin: 0 6px 0 0 !important;
        width: calc(33.3% - 12px) !important;
    }
    
    .geodir_category_list_view li.gridview_onefourth {
        margin: 0 5px 0 0 !important;
        width: calc(25% - 12px) !important;
    }
    
    .geodir_category_list_view li.gridview_onefifth {
        margin: 0 5px 0 0 !important;
        width: calc(20% - 12px) !important;
    }
Viewing 8 posts - 1 through 8 (of 8 total)

The topic ‘grid not displaying properly’ is closed to new replies, this may be for inactivity, please open a new topic if you have a similar question.