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!