Add Listing Page Full Width

This topic contains 7 replies, has 2 voices, and was last updated by  Paul Ceppaglia 7 years, 5 months ago.

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

Open Support Ticket
  • Author
    Posts
  • March 24, 2017 at 7:31 pm #369670

    Paul Ceppaglia
    Expired Member
    Post count: 29

    Hi,

    I’m trying to make my Add Listing Page be full-width.

    I’ve found this entry:

    https://wpgeodirectory.com/support/topic/add-listing-page-full-width/

    However, I’ve added the CSS code:

    .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;
    }

    in GeoDirectory | Design | Scripts | Custom style CSS Code

    I’ve got the Add Listing page template set to full-width.

    However, the page content is still not occupying the entire width. Looking at the dev console, I see:

    #geodir-wrapper-content {
    float: left;
    width: 67%;
    }

    I’d like the contents of this div to fill the page (i.e. 100%) when the WordPress template is set to full width (on the Add Listing Page), but to be the existing 67% on pages where I’m utilizing the sidebar (directory home, listing pages, etc.).

    March 24, 2017 at 8:03 pm #369676

    Kor
    Moderator
    Post count: 16516

    Hi Paul,

    Could you please share your Website URL with us so we could have a better look at your issue? Also, please share WP temp admin access to your site just in case we needed it. You can post the details here using the private reply option below.

    Thanks!

    March 24, 2017 at 8:15 pm #369678

    Paul Ceppaglia
    Expired Member
    Post count: 29
    This reply has been marked as private.
    March 27, 2017 at 3:15 pm #370142

    Paul Ceppaglia
    Expired Member
    Post count: 29

    Hi,

    I replied with my site & login details 3 days ago…can someone please help with this? Thanks.

    March 27, 2017 at 3:33 pm #370147

    Kor
    Moderator
    Post count: 16516

    Hi Paul,

    I’m terribly sorry for the delay in response. I overlooked this thread. Could you please insert the custom CSS code below into GD > Design > Scripts > Custom Style CSS and see if it’s what you’re looking for? 

    

    #geodir-wrapper-content {
    width:100%!important;
    padding:10px!important;
}
    

    Thanks!
    

		
	
    


    

			
				

    

	
    

		March 29, 2017 at 5:32 pm

		
		#370655

		
		
		
	
    


    


    

	
    

		
		
    Paul Ceppaglia
    Expired Member
    
		
		
     Post count: 29
    
	
    

	
    

		
		
    That solved it. Thank you!
    

		
	
    


    

			
				

    

	
    

		March 29, 2017 at 5:46 pm

		
		#370661

		
		
		
	
    


    


    

	
    

		
		
    Kor
    Moderator
    
		
		
     Post count: 16516
    
	
    

	
    

		
		
    You’re Welcome and enjoy GD.
    

		
	
    


    

			
				

    

	
    

		March 30, 2017 at 11:32 pm

		
		#370957

		
		
		
	
    


    


    

	
    

		
		
    Paul Ceppaglia
    Expired Member
    
		
		
     Post count: 29
    
	
    

	
    

		
		
    Hi,
    

    Actually, there’s still a problem with this…
    

    I’d like the contents of this div to fill the page (i.e. 100%) when the WordPress template is set to full width (on the Add Listing Page), but to be the existing 67% on pages where I’m utilizing the sidebar (directory home, listing pages, etc.).
    

    When I add the code that you’ve supplied:
    

    #geodir-wrapper-content {
    
    width:100%!important;
    
    padding:10px!important;
    
}
    

    it forces the 100% width even when there’s a sidebar.
    

    This is pushing the sidebar content BELOW the full-width content.
    

    I want the the geodir-wrapper-content div to occupy only the space allotted…that is, if there’s a sidebar, it should use 67% of the width. If it’s a full-width page, it should use 100% of the width (the way a “normal” WordPress page template’s main content div would adapt to a full-width page or a 67% width with a sidebar).
    

		
	
    


    

			
		
	
    • 

	
  • 

		
    Author
    

		
    

			
				Posts
			
		
    

	
    • 





			



	


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