Add Listing Page Full Width

This topic contains 9 replies, has 3 voices, and was last updated by  Kiran 8 years, 1 month ago.

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

Open Support Ticket

Tagged: , , ,

  • Author
    Posts
  • August 16, 2016 at 3:52 am #247484

    Elad
    Buyer
    Post count: 92

    Hi guys, I am trying to make the “add listing” page full width. I have set the page to full width template and removed all the widgets from the sidebar. My attempts to target attributes with css have failed.

    August 16, 2016 at 3:52 am #247485

    Elad
    Buyer
    Post count: 92
    This reply has been marked as private.
    August 16, 2016 at 4:53 am #247531

    Kiran
    Moderator
    Post count: 7069

    Hi Elad

    You should use this one css to achieve that.

    

    .page-template-page_full-width .geodir-common > #geodir_content,
.page-template-page_full-width .geodir-common > .sidebar {
    width: 100%;
    float: none;
}
    

    Thanks
    

		
	
    


    

			
				

    

	
    

		August 16, 2016 at 4:57 am

		
		#247532

		
		
		
	
    


    


    

	
    

		
		
    Elad
    Buyer
    
		
		
     Post count: 92
    
	
    

	
    

		
		
    That worked. Thank you 🙂
    

		
	
    


    

			
				

    

	
    

		August 16, 2016 at 4:58 am

		
		#247534

		
		
		
	
    


    


    

	
    

		
		
    Kiran
    Moderator
    
		
		
     Post count: 7069
    
	
    

	
    

		
		
    You are welcome 🙂
    

		
	
    


    

			
				

    

	
    

		September 24, 2016 at 5:29 am

		
		#272354

		
		
		
	
    


    


    

	
    

		
		
    Cory Sanchez
    Expired Member
    
		
		
     Post count: 12
    
	
    

	
    

		
		
    Hi there! I too have been trying to set the “add place and event” pages to full-width without success. I found CSS code on a few support posts but none of the code worked. The CSS code on this post partially worked. It did expand the width but there is still a narrow column. Unfortunately, there is also a vertical scroll bar to complete the add listing. Not sure what else to do. Help is appreciated.
    

		
	
    


    

			
				

    

	
    

		September 24, 2016 at 5:34 am

		
		#272355

		
		
		
	
    


    


    

	
    

		
		
    Cory Sanchez
    Expired Member
    
		
		
     Post count: 12
    
	
    

	
    

		
		This reply has been marked as private.
		
	
    


    

			
				

    

	
    

		September 26, 2016 at 4:24 am

		
		#273017

		
		
		
	
    


    


    

	
    

		
		
    Kiran
    Moderator
    
		
		
     Post count: 7069
    
	
    

	
    

		
		
    Hi Cory,
    

    After modifying css snippet, now add listing pages are displayed to full pages as you expected.
    

    

    
.page-template-page_full-width .geodir-common > #geodir_content,
.page-template-page_full-width .geodir-common > .sidebar {
    float: none !important;
    width: 100% !important;
    height: auto !important;
    overflow: auto !important;
}


    

    Thanks,
    
Kiran
    

		
	
    


    

			
				

    

	
    

		September 26, 2016 at 8:24 pm

		
		#273470

		
		
		
	
    


    


    

	
    

		
		
    Cory Sanchez
    Expired Member
    
		
		
     Post count: 12
    
	
    

	
    

		
		
    Kiran, thank you so much. Looks great!
    

		
	
    


    

			
				

    

	
    

		September 27, 2016 at 3:51 am

		
		#273660

		
		
		
	
    


    


    

	
    

		
		
    Kiran
    Moderator
    
		
		
     Post count: 7069
    
	
    

	
    

		
		
    You are welcome! 🙂
    

		
	
    


    

			
		
	
    • 

	
  • 

		
    Author
    

		
    

			
				Posts
			
		
    

	
    • 





			



	


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