grid not displaying properly

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

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

Open Support Ticket
  • Author
    Posts
  • September 20, 2017 at 11:10 pm #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

    September 20, 2017 at 11:12 pm #396670

    grant mcarthur
    Buyer
    Post count: 10

    http://clarkston.grantmcarthur.co.uk/places/

    September 20, 2017 at 11:24 pm #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 
    

		
	
    


    

			
				

    

	
    

		September 21, 2017 at 12:50 pm

		
		#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
    

		
	
    


    

			
				

    

	
    

		September 21, 2017 at 1:00 pm

		
		#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?
    

		
	
    


    

			
				

    

	
    

		September 21, 2017 at 2:05 pm

		
		#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;
}
    

		
	
    


    

			
				

    

	
    

		September 21, 2017 at 2:08 pm

		
		#396777

		
		
		
	
    


    


    

	
    

		
		
    grant mcarthur
    Buyer
    
		
		
     Post count: 10
    
	
    

	
    

		
		
    Hi, unfortunately, that still does not work…
    

		
	
    


    

			
				

    

	
    

		September 21, 2017 at 2:14 pm

		
		#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;
}
    

		
	
    


    

			
		
	
    • 

	
  • 

		
    Author
    

		
    

			
				Posts
			
		
    

	
    • 





			



	


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


	


		
	





		
				

			

				

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

					Open Support Ticket