40% OFF EVERYTHING
BLACK FRIDAY SALE
Buy Now

Columns are one less than what they are set on

This topic contains 4 replies, has 2 voices, and was last updated by  Jeff Adams 6 years, 6 months ago.

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

Open Support Ticket
  • Author
    Posts
  • May 24, 2018 at 12:39 am #2400

    Jeff Adams
    Buyer
    Post count: 1780

    I keep noticing that users https://veganlinked.com/users are not displayed full width across the content area. I just noticed also that it’s set on 4 column and only showing 3 column.

    Could someone please help me with this. I’m sure it’s some sort of CSS deal. I’m using supreme theme.

    May 24, 2018 at 12:42 am #2401

    Jeff Adams
    Buyer
    Post count: 1780

    So three things:

    1.) make users show full width in the content area
    2.) make users display correct amount of columns
    3.) I think it needs to show two or three more users per page as well. Right now there’s always one extra user all by itself in a row.

    May 24, 2018 at 11:37 am #2404

    Alex Rollin
    Moderator
    Post count: 27815

    The page template controls the width of the content area, and that is part of the theme or page settings. Here’s a start on that:

    

    
.post-787 div#home-scroll {
    width: 100% !important;
}

    

    Here’s some CSS for making the 4 column display show.
    

    

    
.uwp_gridview_4col li {
    width: 23% !important;
    width: -webkit-calc(23% - 5px) !important;
    width: -moz-calc(23% - 5px) !important;
    width: calc(23% - 5px) !important;
}

    

    To show more on the page, try changing the setting for Posts per page in WordPress reading settings.
    

		
	
    


    

			
				

    

	
    

		May 24, 2018 at 2:57 pm

		
		#2405

		
		
		
	
    


    


    

	
    

		
		
    Jeff Adams
    Buyer
    
		
		
     Post count: 1780
    
	
    

	
    

		
		
    Alex, remember all those times you shared this page https://wpgeodirectory.com/docs/layout/ where it shows the content area between two sidebars? That’s the content area I was referring to. When I said Users are not appearing to be displayed “full width across the content area” I didn’t mean just “full width” nor did I mean “full width across a content area without sidebars”. The reason it probably doesn’t appear full width is because the columns aren’t working correctly. So the first CSS isn’t really something I’m after. 
    

    The second CSS you shared worked for 4 column layout but not the other column layouts. I understand that was for the 4 column. I need CSS for all the columns to display correctly. Shouldn’t UWP columns work correctly within Supreme Theme out of the box without having to add a bunch of CSS? 
    

    Can some fix this so CSS is not needed so that the Users will display correctly for all columns?
    

		
	
    


    

			
				

    

	
    

		May 24, 2018 at 3:13 pm

		
		#2410

		
		
		
	
    


    


    

	
    

		
		
    Jeff Adams
    Buyer
    
		
		
     Post count: 1780
    
	
    

	
    

		
		
    By the way, I got this to work with your CSS:
    

    .uwp_gridview_4col li {
    
    width: 23% !important;
    
    width: -webkit-calc(23% – 5px) !important;
    
    width: -moz-calc(23% – 5px) !important;
    
    width: calc(23% – 5px) !important;
    
}
    

    .uwp_gridview_5col li {
    
    width: 19% !important;
    
    width: -webkit-calc(19% – 5px) !important;
    
    width: -moz-calc(19% – 5px) !important;
    
    width: calc(19% – 5px) !important;
    
}
    

    .uwp_gridview_2col li {
    
    width: 43% !important;
    
    width: -webkit-calc(43% – 5px) !important;
    
    width: -moz-calc(43% – 5px) !important;
    
    width: calc(43% – 5px) !important;
    
}
    

		
	
    


    

			
		
	
    • 

	
  • 

		
    Author
    

		
    

			
				Posts
			
		
    

	
    • 





			



	


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


	


		
	





		
				

			

				

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

					Open Support Ticket