Hi there I am having trouble making my forums width fluid, So it will stay intact on various different screen sizes. I know how to do it but when I do it the template messes up.
If someone can help me with this, I will Pm you a test admin account to do it.
URL:
http://paradiseforums.com
Thanks,
ProneLegacy
Go to: ACP > Themes > Edit > global.css > open in Advanced Mode > and change the width of the followings;
#container {
background: url(../../../images/v2/container.png) repeat-y;
width: 978px;
color: #222;
text-align: left;
margin: auto auto;
}
#content {
width: 920px;
margin: auto;
line-height: 1.4em;
to;
#container {
background: url(../../../images/v2/container.png) repeat-y;
width: 95%;
color: #222;
text-align: left;
margin: auto auto;
}
#content {
width: 95%;
margin: auto;
line-height: 1.4em;
(2011-03-11, 05:25 PM)Yaldaram Wrote: [ -> ]Go to: ACP > Themes > Edit > global.css > open in Advanced Mode > and change the width of the followings;
#container {
background: url(../../../images/v2/container.png) repeat-y;
width: 978px;
color: #222;
text-align: left;
margin: auto auto;
}
#content {
width: 920px;
margin: auto;
line-height: 1.4em;
to;
#container {
background: url(../../../images/v2/container.png) repeat-y;
width: 95%;
color: #222;
text-align: left;
margin: auto auto;
}
#content {
width: 95%;
margin: auto;
line-height: 1.4em;
That kind of helped, thanks!
But How can I get the container BG to follow ?
Just add this;
background: url(images/v2/container.png) repeat-y;
It's not possible. The design uses fixed-width images for the header and the footer. You simply can't make them fluid.
(2011-03-11, 05:36 PM)faviouz Wrote: [ -> ]It's not possible. The design uses fixed-width images for the header and the footer. You simply can't make them fluid.
Ahh ok, I will try and edit it so it doesn't use fixed images