Full width code

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

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

Open Support Ticket

Tagged: 

  • Author
    Posts
  • November 19, 2018 at 4:20 pm #455045

    michael
    Buyer
    Post count: 3

    Hi

    I am using the supreme theme plus I am using the ‘full width page’ template for other pages. The template does not give me true full width, so I am also using a piece of code picked up on these forums –
    .page-template-page_full-width .container {
    width: 100%;
    }

    This does work but unfortunately also removes any padding from the edge of the nav bar and footer.
    Pics are an example of the listing page footer and a full width page footer.

    Can I have a solution/code for a full width page that does not affect the nav bar or footer.

    Thanks

    November 19, 2018 at 4:21 pm #455048

    Kor
    Moderator
    Post count: 16516

    Hi Michael,

    Thanks for your post. Could you share your Website URL here so that I could provide you the custom CSS code to achieve that? You can use the private reply option below.

    Thanks!

    November 19, 2018 at 4:27 pm #455051

    michael
    Buyer
    Post count: 3
    This reply has been marked as private.
    November 19, 2018 at 4:33 pm #455052

    Kor
    Moderator
    Post count: 16516

    Hi Michael,

    Thanks for your reply. Could you remove the custom CSS you’re entered earlier so that I know what’s going on? Also, share your WP admin access in private reply.

    Thanks!

    November 19, 2018 at 4:45 pm #455054

    michael
    Buyer
    Post count: 3
    This reply has been marked as private.
    November 19, 2018 at 6:17 pm #455058

    Kor
    Moderator
    Post count: 16516
    This reply has been marked as private.
    November 19, 2018 at 6:19 pm #455060

    Kor
    Moderator
    Post count: 16516
    This reply has been marked as private.
    November 19, 2018 at 6:30 pm #455061

    Kor
    Moderator
    Post count: 16516

    Hi Michael,

    Thanks for your patience. Could you try using the custom CSS code below and see if it’s what you’re looking for? 

    

    #geodir_wrapper .geodir-common,
.sd-detail-details .container,
.sd-container .container {
    width:100%!important;
}
    

		
	
    


    

			
				

    

	
    

		November 19, 2018 at 6:42 pm

		
		#455062

		
		
		
	
    


    


    

	
    

		
		
    michael
    Buyer
    
		
		
     Post count: 3
    
	
    

	
    

		
		
    Brilliant, thank you
    

    It stops short of absolute full width, but by adding – padding: 0px!important; to the code it works!
    

    Thanks
    

		
	
    


    

			
				

    

	
    

		November 19, 2018 at 7:10 pm

		
		#455063

		
		
		
	
    


    


    

	
    

		
		
    Kor
    Moderator
    
		
		
     Post count: 16516
    
	
    

	
    

		
		
    Hi Michael, 
    

    Thanks for your reply and I’m glad that helped. Enjoy GD. 
    

    Thanks!
    

		
	
    


    

			
		
	
    • 

	
  • 

		
    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