Topic: Page width - Saratoga templates

[Johnmac]

I am in the process of fine tuning my website and find the the "Narrow" page design is just a little two narrow for some of my data and would like to widen the page a small amount.

1. Is this done in the css files? And if so, what sections would I find that info. If not the css files, what files would I need to change? I assume if it the css narrow files, I would need to change all of the colors?

2. By doing this, will it make the pages non-compliant? Just not a fan of the full wide option.

Thanks,

John

[cospringswx]

Mine is kind of in between wide and narrow.

[saratogaWX]

In the weather-screen-{color}-narrow.css, you can change

Code: [Select]

#page {
        margin: 20px auto;
        color: black;
        background-color: white;
        padding: 0;
        width: 800px;
        border: 1px solid #959596;
}
to

Code: [Select]

#page {
        margin: 20px auto;
        color: black;
        background-color: white;
        padding: 0;
        width: 900px;
        border: 1px solid #959596;
}
to widen the page size to 900px.  (example was for the {color}=blue .. just change the width: value for your selected color scheme

Validation will work just fine.  You'd need to change all the *-narrow.css files if you allow theme switching.

Changing the page width is easy.  It's much harder to change the menubar area and flyout-menu width due to generated CSS in the flyout-menu.php.

[Johnmac]

In the weather-screen-{color}-narrow.css, you can change

Code: [Select]

#page {
        margin: 20px auto;
        color: black;
        background-color: white;
        padding: 0;
        width: 800px;
        border: 1px solid #959596;
}
to

Code: [Select]

#page {
        margin: 20px auto;
        color: black;
        background-color: white;
        padding: 0;
        width: 900px;
        border: 1px solid #959596;
}
to widen the page size to 900px.  (example was for the {color}=blue .. just change the width: value for your selected color scheme

Thanks Ken,

The change to 900px worked great

Jon