Supreme Directory v2 Content Area

This topic contains 9 replies, has 2 voices, and was last updated by  Alex Rollin 5 years, 5 months ago.

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

Open Support Ticket
  • Author
    Posts
  • November 20, 2018 at 7:26 pm #455273

    Brendan O’Donovan
    Expired Member
    Post count: 40

    Is there any way of making the container below the image full width. I would ideally like no blank spaces to the left or right of the content. The area I am taking about is the area below the featured image on the homepage of supreme directory.

    November 20, 2018 at 8:00 pm #455280

    Alex Rollin
    Moderator
    Post count: 27815

    Supreme comes with a full width page template. Whichever page you are working with as your home page, set the page template to full width. Let us know how it goes.

    https://wpgeodirectory.com/docs-v2/themes/supreme/#full-width

    November 20, 2018 at 8:06 pm #455284

    Brendan O’Donovan
    Expired Member
    Post count: 40

    Hi Alex, thanks for the quick reply. I already tried that to no avail. There appears to be blank spaces on either side of the content. With the content in the middle only filling about 70-80 precent.

    November 20, 2018 at 8:19 pm #455287

    Brendan O’Donovan
    Expired Member
    Post count: 40

    Please see attached what I mean.

    November 20, 2018 at 8:37 pm #455291

    Alex Rollin
    Moderator
    Post count: 27815

    Hello,

    please try the following CSS:

    

    
.page-template-page_full-width .container, .page-template-page_full-width .geodir-common, .page-template-page_full-width .geodir-breadcrumb, .page-template-page_full-width .geodir_full_page .widget {

   padding-right: 0;
   padding-left: 0;
   margin-right: 0;
   margin-left: 0;

}

    

    You can add that in the customizer in the additional css section. 
    

		
	
    


    

			
				

    

	
    

		November 20, 2018 at 8:40 pm

		
		#455292

		
		
		
	
    


    


    

	
    

		
		
    Brendan O’Donovan
    Expired Member
    
		
		
     Post count: 40
    
	
    

	
    

		
		
    Thanks Alex but unfortunately that didn’t work either . It just shifted everything to the left
    

		
	
    


    

			
				

    

	
    

		November 20, 2018 at 8:51 pm

		
		#455294

		
		
		
	
    


    


    

	
    

		
		
    Alex Rollin
    Moderator
    
		
		
     Post count: 27815
    
	
    

	
    

		
		
    Well, Supreme’s content areas are ‘boxed width’ based on the desktop container or the width of the various built in break points.
    

    What are you using for the desktop container setting in the customizer?
    

		
	
    


    

			
				

    

	
    

		November 20, 2018 at 9:59 pm

		
		#455303

		
		
		
	
    


    


    

	
    

		
		
    Brendan O’Donovan
    Expired Member
    
		
		
     Post count: 40
    
	
    

	
    

		
		
    Sorry Alex I’m not sure what you mean. What I’m trying to do is make the content area 100% width so it fills the page width and I thought putting the page setting to full width would achieve this . 
    

    I have played around with the width in Firefox in the code inspector but cannot achieve what I’m looking for. It appears that the default side bar is still there which is preventing me from getting what I want
    

		
	
    


    

			
				

    

	
    

		November 20, 2018 at 10:20 pm

		
		#455307

		
		
		
	
    


    


    

	
    

		
		
    Brendan O’Donovan
    Expired Member
    
		
		
     Post count: 40
    
	
    

	
    

		
		
    Hey Alex, I think I may have got it using what you gave me with an extra line. So you are welcome to close this. Thanks very much for your help . The code I used was
    

    .page-template-page_full-width .container, .page-template-page_full-width .geodir-common, .page-template-page_full-width .geodir-breadcrumb, .page-template-page_full-width .geodir_full_page .widget {
    

       padding-right: 0;
    
   padding-left: 0px;
    
   margin-right: 0;
    
   margin-left: 0;
    

    }
    

    .page-template-page_full-width .container{
    
	width:100%;
    
}
    

		
	
    


    

			
				

    

	
    

		November 21, 2018 at 9:35 am

		
		#455348

		
		
		
	
    


    


    

	
    

		
		
    Alex Rollin
    Moderator
    
		
		
     Post count: 27815
    
	
    

	
    

		
		
    Excellent!
    

    We also have a task to take another look at this, thanks for letting us know 
    

		
	
    


    

			
		
	
    • 

	
  • 

		
    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