Switching a section to full width

1 reply · opened Jan 31, 2018

AAntonymtdJan 31, 2018

Hi,

My content is wrapped within wrapper, content, content-wrap and finally container clearfix. What I'm trying to do is switch a part of the code out of these wrappers in order to have it full-width. The problem is that when I do this, it either doesn't work properly no matter how much I try to mess with css, or the top slider is being stretched down through all the content for some reason. (I used the index-wedding as a starting point for this page).

For example, I'm trying to make the container with images/lyon.jpg full-width as well as the google map, but not the rest.

Here's part of the code :

    

        

            

                
                    Le Lieu
                

                
                    
Capitale des Gaules...

                

                
                    
![attachment](images/lyon.jpg)

                    LYON
                

                
                    
... Berceau de l'EDARA.

                

                
                    Complexe sportif de La Doua
                    _18 Rue des sciences, 69100 Villeurbanne_
                    
                

                
much design, wow, much design, go elit! oh my text, very design. very design. such sit! so swag. very word, such ipsum, so swag. much aenean. many amet, plz word, much aenean. much full! wow! very lorem. very consectetur, go full. wow, so full! much layout. plz swag! wow! much adipiscing! i can haz design. wow. very swag. need doge! wow, want doge! much full! such text! very consectetur, oh my text. oh my text, wow! very design. very swag. oh my text. go elit! rate me, many layout, i iz cute?. i iz cute?! much design, want doge! wow. oh my mattis!

            
        
    

Any idea ?

Best regards
Antony.

SSemicolon WebSTAFFFeb 7, 2018

Hello,

  1. Do not use a .container DIV inside another .container DIV.

  2. Simply close the .container DIV and place your contents outside (which you want to be Full Width) and then open the .container DIV again. Example:


	

		

			
				Le Lieu
			

			
				
Capitale des Gaules...

			

		

		
			
![attachment](images/lyon.jpg)

			LYON
		

		

			
				
... Berceau de l'EDARA.

			

			
				Complexe sportif de La Doua
				_18 Rue des sciences, 69100 Villeurbanne_
				
			

			
much design, wow, much design, go elit! oh my text, very design. very design. such sit! so swag. very word, such ipsum, so swag. much aenean. many amet, plz word, much aenean. much full! wow! very lorem. very consectetur, go full. wow, so full! much layout. plz swag! wow! much adipiscing! i can haz design. wow. very swag. need doge! wow, want doge! much full! such text! very consectetur, oh my text. oh my text, wow! very design. very swag. oh my text. go elit! rate me, many layout, i iz cute?. i iz cute?! much design, want doge! wow. oh my mattis!

		
	

This will definitely work fine. Hope this Helps!

Let us know if we can help you with anything else or if you find any further issues.

Have the same question, or something new?

Sign in to the Canvas dashboard to reply or open your own topic. Canvas owners get direct help from the SemiColonWeb team.

Reply on the dashboard