Widget alignment

This topic contains 11 replies, has 2 voices, and was last updated by  Guust 6 years, 9 months ago.

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

Open Support Ticket

Tagged: 

  • Author
    Posts
  • August 17, 2017 at 8:02 pm #391745

    annabella
    Expired Member
    Post count: 42

    Wondering if you can help with the Popular Post View Widget.
    If you refer to the screenshot, theres a large gap between Business Name and address and Reviews.
    I would like the name to go across instead of down, so it does not look as strange. I’ve played around with width in the widget, but no luck.
    I’ll send a link in the follow up.

    August 17, 2017 at 8:03 pm #391747

    annabella
    Expired Member
    Post count: 42
    This reply has been marked as private.
    August 17, 2017 at 11:44 pm #391766

    Guust
    Moderator
    Post count: 29970

    List View is only to be used in a content section, not a sidebar.
    I suggest you use Grid view.
    Try using Grid 2 and then enter 100 in “Listing width:”
    https://wpgeodirectory.com/docs/widgets/#popular-post

    Thanks

    August 18, 2017 at 12:19 am #391771

    annabella
    Expired Member
    Post count: 42

    Thank you for the reply.
    I tried using Grid 2 and entered 100 in width, but I do not get 2 columns. Just one large.

    August 18, 2017 at 12:48 am #391773

    Guust
    Moderator
    Post count: 29970

    If you want 2 colums, remove the 100 from “Listing width:”.
    Thanks

    August 18, 2017 at 1:01 am #391776

    annabella
    Expired Member
    Post count: 42

    Thank you – removed 100 from width but do not get two columns.

    August 18, 2017 at 1:02 am #391777

    annabella
    Expired Member
    Post count: 42

    And part of the Listing name is missing, as well. Look like I only get the first 8 characters.

    August 18, 2017 at 1:57 am #391779

    Guust
    Moderator
    Post count: 29970

    Place 48 in “Listing width:” as explained at https://wpgeodirectory.com/docs/widgets/#popular-post.

    And add this CSS:

    .geodir_category_list_view li.geodir-gridview h3 {overflow: initial;}

    Review https://wpgeodirectory.com/docs/customizing-your-style/ to make any other adjustments.

    Thanks

    August 18, 2017 at 12:38 pm #391820

    annabella
    Expired Member
    Post count: 42

    Thank you for your reply. This worked, except the Place Title does not wrap and is cut off after so many characters. Is it possible to have it wrap around to next line or not cut off in the middle of a word?

    August 18, 2017 at 12:47 pm #391823

    Guust
    Moderator
    Post count: 29970

    Try adding this CSS: 

    

    .geodir_category_list_view li.geodir-gridview h3 {
    overflow: initial;
    width: 100%; 
    white-space: initial;
}
.geodir_list_heading a {
    width: 100%;
    text-align: justify;
}
    

    Review https://wpgeodirectory.com/docs/customizing-your-style/ to make any other adjustments.
    

    Thanks
    

		
	
    


    

			
				

    

	
    

		August 18, 2017 at 12:58 pm

		
		#391825

		
		
		
	
    


    


    

	
    

		
		
    annabella
    Expired Member
    
		
		
     Post count: 42
    
	
    

	
    

		
		
    That worked.  Thank you! 🙂
    

		
	
    


    

			
				

    

	
    

		August 18, 2017 at 12:59 pm

		
		#391826

		
		
		
	
    


    


    

	
    

		
		
    Guust
    Moderator
    
		
		
     Post count: 29970
    
	
    

	
    

		
		
    You’re welcome 🙂
    

		
	
    


    

			
		
	
    • 

	
  • 

		
    Author
    

		
    

			
				Posts
			
		
    

	
    • 





			



	


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


	


		
	





		
				

			

				

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

					Open Support Ticket