Best Answer

How to get a container to span the full area of a custom page?

  • 22 April 2024
  • 4 replies
  • 39 views

Userlevel 6

Having some trouble getting custom css containers outside of their restricted widget box settings. Even with css/html I’m not able to use the entire area of the page:

 

 

Looking to have the containers in my code to auto use all of the available space like this design:

https://info.fintechos.com/hubfs/Academy%20and%20Learning/Homepage.png

 

 

icon

Best answer by JZenker 23 April 2024, 18:49

View original

4 replies

Userlevel 6

Bump - my code is bound to the dimensions of what is allowed for a full length widget. Any ideas on using the full page?

Userlevel 6

Ah hah! Found the built in style that was overriding my code and overrode that code! It worked! 

Userlevel 6
Badge +2

Ah hah! Found the built in style that was overriding my code and overrode that code! It worked! 

What style/code did you discover and change @JZenker ?

Userlevel 6

Ah hah! Found the built in style that was overriding my code and overrode that code! It worked! 

What style/code did you discover and change @JZenker ?

 

It was .mdl-wrapper that was controlling the widget width, so I did:

#doc-page-575 .mdl-wrapper{
width: 100% !important;
height: 100%;
max-width: none !important;
padding: 0;

}

I added #doc-page-575 because I only wanted full width on that page for now

Reply