chefry
Home away from home
Posted on: 2013/4/27 13:35
#1
Changing your theme to a variable width theme is simple:
1. Go to your theme subdirectory and open style.css in an editor (notepad, notepad++, etc).
2. Once your .css page is open, scroll down to the section called: #Main { or #MainWidth {
3. in the area: width: 775px; (eg) Change 775px to either 90%, 95% or 98% . And the width will say: width:95%; for example
4. Save the file, clear the site cache and your browser cache and away you go..
The reason why this works quite well is because the templates for visitors, etc, are pretty well created with variable widths and are only being restricted by the #Main { command in the style.css sheet. If not, you may have to do some experimenting with the other widths to get what you want.
Changing a Fixed Width Theme to a Floating Width Theme - A Tutorial
2013/4/27 13:35 If you're like me you might be finding the width of Xoops themes fixed usually at 900 pixels as annoying given that much of the world is using resolutions up to 1600px wide.Changing your theme to a variable width theme is simple:
1. Go to your theme subdirectory and open style.css in an editor (notepad, notepad++, etc).
2. Once your .css page is open, scroll down to the section called: #Main { or #MainWidth {
3. in the area: width: 775px; (eg) Change 775px to either 90%, 95% or 98% . And the width will say: width:95%; for example
4. Save the file, clear the site cache and your browser cache and away you go..
The reason why this works quite well is because the templates for visitors, etc, are pretty well created with variable widths and are only being restricted by the #Main { command in the style.css sheet. If not, you may have to do some experimenting with the other widths to get what you want.