Page template width limitation
I am trying to create a page template with 100% browser width but seems sitefinity only allows me 900px.
How can I change this setting?
This is the generated code looks like:
<DIV class="sf_cols PageContainer"> <DIV style="WIDTH: 900px" class="sf_colsOut sf_1col_1_100"> <DIV id="TE1908284000_Col00" class="sf_colsIn sf_1col_1in_100"><DIV class="sf_cols MenuContainer"> <DIV style="WIDTH: 100%" class="sf_colsOut sf_1col_1_100"> <DIV id="TE1908284001_Col00" class="sf_colsIn sf_1col_1in_100"><DIV class="sf_cols MenuBox"> <DIV style="WIDTH: 980px" class="sf_colsOut sf_1col_1_100"> <DIV id="TE1908284002_Col00" class="sf_colsIn sf_1col_1in_100"></DIV></DIV></DIV></DIV></DIV></DIV><DIV class="sf_cols MainContainer"> <DIV style="WIDTH: 980px" class="sf_colsOut sf_1col_1_100"> <DIV id="TE1908284003_Col00" class="sf_colsIn sf_1col_1in_100"><DIV class="sf_cols MainBox"> <DIV style="WIDTH: 980px" class="sf_colsOut sf_1col_1_100"> <DIV id="TE1908284005_Col00" class="sf_colsIn sf_1col_1in_100"></DIV></DIV></DIV></DIV></DIV>Hello Adam,
If you register a custom theme the default styles will be avoided. Also if don't want to use custom theme add the following line in your CSS file:
sfPublicWrapper width: 100% !important;It works, thank you!