Widget Spacing

This topic contains 11 replies, has 2 voices, and was last updated by  Amy Fox 7 years, 9 months ago.

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

Open Support Ticket
  • Author
    Posts
  • October 2, 2018 at 8:38 am #448437

    Amy Fox
    Expired Member
    Post count: 419

    Hi, I was hoping you could have a look at this page and shed some light as to why my widget spacing is,

    1. So close together.
    2. Why my content section is lower than the right section.

    Thanks.

    October 2, 2018 at 8:40 am #448438

    Amy Fox
    Expired Member
    Post count: 419

    Also if you view that page on mobile the title spacing for some of the widgets is wide and makes it look poor.

    Thanks.

    October 2, 2018 at 9:51 am #448452

    Kor
    Moderator
    Post count: 16516

    Hi Amy,

    Thanks for your post. You can use the custom CSS code below and see if it’s what you’re looking for. 

    

    .geodir-widget {
    margin-bottom:30px!important;
}
    

		
	
    


    

			
				

    

	
    

		October 2, 2018 at 10:56 am

		
		#448463

		
		
		
	
    


    


    

	
    

		
		
    Amy Fox
    Expired Member
    
		
		
     Post count: 419
    
	
    

	
    

		
		
    Thanks Kor that fixed the spacing.
    

    Have you any idea why my titles show like. Dog    Friendly    Holidays     in    Cornwall?
    

    The spacing is huge, also is it possible to have the cpt listings widget fit to screen on mobile.
    

    I have added cpt images and used the widget yet the images don’t go full width on mobile.
    

    Thanks.
    

		
	
    


    

			
				

    

	
    

		October 2, 2018 at 12:08 pm

		
		#448471

		
		
		
	
    


    


    

	
    

		
		
    Amy Fox
    Expired Member
    
		
		
     Post count: 419
    
	
    

	
    

		
		
    Is it also possible with css to have the popular post views widgets to use a slider or something similar.
    

    While the widget is great on a PC it makes the pages very long on mobile.
    

    Thanks.
    

		
	
    


    

			
				

    

	
    

		October 2, 2018 at 2:23 pm

		
		#448489

		
		
		
	
    


    


    

	
    

		
		
    Kor
    Moderator
    
		
		
     Post count: 16516
    
	
    

	
    

		
		
    Hi Amy, 
    

    Thanks for your reply. You can use the custom CSS code below to change the stylings and on mobile  
    

    

    h3.geodir-entry-title {
    font-size: 14px!important;
    font-weight:300!important;
}

@media only screen and (max-width: 600px) {
    .gd-cpt-wrow {
    width: 100%!important;
}
img.gd-cpt-img {
    object-fit: cover;
}
}
    

		
	
    


    

			
				

    

	
    

		October 2, 2018 at 3:49 pm

		
		#448501

		
		
		
	
    


    


    

	
    

		
		
    Amy Fox
    Expired Member
    
		
		
     Post count: 419
    
	
    

	
    

		
		
    Thanks will that turn the other widget I was referring to into a slider or is that for the cpt images?
    

    Thanks again.
    

		
	
    


    

			
				

    

	
    

		October 2, 2018 at 4:02 pm

		
		#448509

		
		
		
	
    


    


    

	
    

		
		
    Kor
    Moderator
    
		
		
     Post count: 16516
    
	
    

	
    

		
		
    Hi Amy, 
    

    Thanks for your reply. Let’s do this one at the time. I’m referring to this reply. 
    

    “Have you any idea why my titles show like. Dog Friendly Holidays in Cornwall?”
    

    and it should fix this. 
    

    “widget yet the images don’t go full width on mobile.”
    

    What do you mean by “turn the other widget I was referring to into a slider”? Could you elaborate?
    

    

		
	
    


    

			
				

    

	
    

		October 2, 2018 at 5:14 pm

		
		#448524

		
		
		
	
    


    


    

	
    

		
		
    Amy Fox
    Expired Member
    
		
		
     Post count: 419
    
	
    

	
    

		
		
    The popular post view widgets on mobile, it would be nice to have them in some sort of slider.
    

    At the moment I have up to 5 per location page all displaying 4 listings.
    

    Looks good like that on a pc but make the page very long on mobile.
    

    Thanks.
    

		
	
    


    

			
				

    

	
    

		October 3, 2018 at 6:39 am

		
		#448592

		
		
		
	
    


    


    

	
    

		
		
    Amy Fox
    Expired Member
    
		
		
     Post count: 419
    
	
    

	
    

		
		
    Thanks for the css kor, it worked on the images and made them full width on mobile.
    

    The issue with the spacing on the titles is still an issue though, for some strange reason certain titles have massive spacing’s on mobile.
    

    Thanks.
    

		
	
    


    

			
				

    

	
    

		October 4, 2018 at 3:46 am

		
		#448720

		
		
		
	
    


    


    

	
    

		
		
    Kor
    Moderator
    
		
		
     Post count: 16516
    
	
    

	
    

		
		
    Hi Amy, 
    

    Thanks for your reply. Not sure if we’re on the same page as I’ve checked your Website and everything seems to look fine to me. How about providing a screenshot from your end that shows the issue you had there?
    

    Thanks!
    

		
	
    


    

			
				

    

	
    

		October 4, 2018 at 10:35 am

		
		#448744

		
		
		
	
    


    


    

	
    

		
		
    Amy Fox
    Expired Member
    
		
		
     Post count: 419
    
	
    

	
    

		
		
    I solve the issue, thanks for all your help you’ve been great. Mark as solved please.
    

    Thanks again.
    

		
	
    


    

			
		
	
    • 

	
  • 

		
    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
				

			

		

		
	
	


			

			


		
	


		

	

	


















	
	
			
			
			
			
                        
            
            
                
                

                    

                        20% Discount Offer
                        
                        
                    

                    

                        Hurry! Get your 20% discount before it expires.
                        Get 20% Discount