Column widths of the Listing Page

This topic contains 10 replies, has 2 voices, and was last updated by  Jay Kanabar 7 years, 7 months ago.

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

Open Support Ticket
  • Author
    Posts
  • August 23, 2017 at 12:21 pm #392487

    Jay Kanabar
    Expired Member
    Post count: 166

    The column widths on Listing Page does not work for any of the templates, GD or non_GD.

    August 23, 2017 at 12:23 pm #392488

    Jay Kanabar
    Expired Member
    Post count: 166
    This reply has been marked as private.
    August 23, 2017 at 3:06 pm #392521

    Kor
    Moderator
    Post count: 16516

    Hi Jay,

    Unfortunately, controlling the widths using the GD settings will not work on this theme. We’ll have to use custom CSS to achieve what you needed there. Could you tell us what are you trying to achieve?

    Thanks!

    August 23, 2017 at 7:00 pm #392583

    Jay Kanabar
    Expired Member
    Post count: 166

    Trying to achieve the following or at least one of them

    With Supreme Directory
    Remove the Featured section and its content and therefore will be filled by the Home Content Map Widget,

    With Geo 1280
    Make the right column of the Listing Page to be about 40% of the total width to accommodate more of the map.

    August 24, 2017 at 9:05 am #392661

    Kor
    Moderator
    Post count: 16516

    Hi Jay,

    Both can be achieved using custom CSS. But it’s up to you to choose one above. Could you switch to your preferred theme and then share the page in question and I’ll provide you the custom CSS to achieve this?

    Thanks!

    August 24, 2017 at 10:41 am #392676

    Jay Kanabar
    Expired Member
    Post count: 166

    Hi Kor,
    I have set the preferred theme to Geo 1280 and the mod is for listing pages ex. https://tennisreferrals.com/clubs/

    Right Side Bar = 40%

    I presume the CSS will be for the theme CSS?
    If you give me the CSS then I will be able tweak it as necessary.
    Thanks

    August 24, 2017 at 1:56 pm #392708

    Jay Kanabar
    Expired Member
    Post count: 166

    any suggestions?

    August 24, 2017 at 2:02 pm #392709

    Kor
    Moderator
    Post count: 16516

    Hi Jay,

    Check out the custom CSS code below and see if it helps. Insert into GD > Design > Scripts > Custom Style CSS

    

    /* Content Width */
.archive.post-type-archive .content {
    width: 740px!important;
}

/* Sidebar Width */
.archive.post-type-archive .sidebar-primary {
    width: 500px!important;
}

/* Stretch the map to full width */
#sticky_map_geodir_map_v3_listing_map_2 ,
#geodir_map_v3_listing_map_2_wrapper,
#geodir_map_v3_listing_map_2{
    width:100%!important;
}
    

    Thanks!
    

		
	
    


    

			
				

    

	
    

		August 24, 2017 at 3:21 pm

		
		#392718

		
		
		
	
    


    


    

	
    

		
		
    Jay Kanabar
    Expired Member
    
		
		
     Post count: 166
    
	
    

	
    

		
		
    Yes, Kor that works.
    

    I presume this code will apply to any other template if I do change? Therefore can I use this in the template CSS?
    

    Can I use percentages rather than px? Will this not be better for mobile devices?
    

    Can I use this code for height as you have done for the width?
    

    Thanks
    

		
	
    


    

			
				

    

	
    

		August 24, 2017 at 7:24 pm

		
		#392763

		
		
		
	
    


    


    

	
    

		
		
    Jay Kanabar
    Expired Member
    
		
		
     Post count: 166
    
	
    

	
    

		
		
    It works on Chrome & Microsoft Edge
    

    Does not work on FF, Opera and Safari (Map pushed to the bottom)
    

		
	
    


    

			
				

    

	
    

		August 24, 2017 at 7:50 pm

		
		#392767

		
		
		
	
    


    


    

	
    

		
		
    Jay Kanabar
    Expired Member
    
		
		
     Post count: 166
    
	
    

	
    

		
		
    I have changed my approach – I need to progress this further
    
Taken the map out of the Right Column and put on the Top Section.
    
It works on all browsers.
    

		
	
    


    

			
		
	
    • 

	
  • 

		
    Author
    

		
    

			
				Posts
			
		
    

	
    • 





			



	


		Viewing 11 posts - 1 through 11 (of 11 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