Supreme Theme + Beaver Builder Full Width

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

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

Open Support Ticket
  • Author
    Posts
  • December 19, 2017 at 5:11 am #409991

    Tim Goodwin
    Expired Member
    Post count: 12

    Hi,

    I cannot get full width on Supreme Theme.

    I have checked the full width option is selected. And tried on different wedsites running supreme.

    Can you let me know what else I can do?

    December 19, 2017 at 6:50 am #409993

    Kor
    Moderator
    Post count: 16516

    Hi Tim,

    Could you share the page in question so that we could take a better look at it? Also please provide wp admin credentials in provate reply.

    Thanks

    December 19, 2017 at 11:18 pm #410071

    Tim Goodwin
    Expired Member
    Post count: 12
    This reply has been marked as private.
    December 20, 2017 at 3:53 pm #410127

    Alex Rollin
    Moderator
    Post count: 27815

    Hello!

    Full width on pages in Supreme is a great customization.

    Please check over here for what another Member did to achieve that:

    https://wpgeodirectory.com/support/topic/supreme-directory-how-to-change-the-container-with/

    You can customize your site with CSS. Just add it to GD > Design > Scripts > CSS

    You can find more information here, too: https://wpgeodirectory.com/docs/customizing-your-style/

    Let us know how it goes for you

    December 20, 2017 at 4:04 pm #410128

    Kor
    Moderator
    Post count: 16516

    Hi Tim,

    Thanks for your patience. I’ve just taken a look at your website and I think I know what you needed there. Please insert the custom CSS code below into GD > Design > Scripts > Custom Style CSS to achieve what you needed there. Let me know if it’s affecting other pages. 

    

    .sd .container div.entry-content {
    margin:0px!important;
    padding:0px!important;    
}

.container {
    width: 100%;
    padding:0px!important;
}
    

		
	
    


    

			
				

    

	
    

		December 21, 2017 at 1:20 am

		
		#410195

		
		
		
	
    


    


    

	
    

		
		
    Tim Goodwin
    Expired Member
    
		
		
     Post count: 12
    
	
    

	
    

		
		
    Thanks Alex and Kor, that (custom style css Kor provided) working great on the Beaver Pages now thank you. 
    

    It has effected the Listings Detail page (pushing the top section to the edges) and the Footer.
    

		
	
    


    

			
				

    

	
    

		December 21, 2017 at 1:24 am

		
		#410198

		
		
		
	
    


    


    

	
    

		
		
    Tim Goodwin
    Expired Member
    
		
		
     Post count: 12
    
	
    

	
    

		
		
    Oh and it also effects the “my account” pages. 
    

		
	
    


    

			
				

    

	
    

		December 21, 2017 at 4:03 am

		
		#410213

		
		
		
	
    


    


    

	
    

		
		
    Kor
    Moderator
    
		
		
     Post count: 16516
    
	
    

	
    

		
		
    Hi Tim, 
    

    Just corrected the custom CSS code for you and it should work properly now. Could you please check? 
    

    Thanks!
    

		
	
    


    

			
				

    

	
    

		December 22, 2017 at 12:56 am

		
		#410292

		
		
		
	
    


    


    

	
    

		
		
    Tim Goodwin
    Expired Member
    
		
		
     Post count: 12
    
	
    

	
    

		
		
    Kor, I really appreciate it. I need to know what you did though so I can replicate it. 
    

    I would suggest adding this to the standard documentation for Supreme theme set up. Afterall beaver builder is the recommended and tested page builder on Supreme Theme sales page. 
    

    I appreciate the help, and am not having a dig.
    

		
	
    


    

			
				

    

	
    

		December 22, 2017 at 6:19 am

		
		#410318

		
		
		
	
    


    


    

	
    

		
		
    Kor
    Moderator
    
		
		
     Post count: 16516
    
	
    

	
    

		
		
    Hi Tim, 
    

    Thanks for your reply and I’m sorry for not being clear. I’ve changed the custom CSS code below from
    

    

    .container {
    width: 100%;
    padding:0px!important;
}
    

    to 
    

    

    .page-template-page_full-width .container {
    width: 100%;
    padding:0px!important;
}
    

		
	
    


    

			
		
	
    • 

	
  • 

		
    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