I'm a fan of the Apart Themes--thanks, Justin S! However, I prefer the controlled appearance. How can I edit these themes for a controlled style?
I've built some controlled versions of my other themes by adjusting container width. However, when I try to do so with the Apart themes, I end up with this effect:
What am I doing wrong? How can I repair it? Thanks for your help!
In global.css find
#content and change
overflow: hidden; to
overflow: auto;
That might cause other problems though.
Thank you for your response! I'm afraid that didn't fix the problem, though.
If it makes any difference, links from the navbar show up outside of the container (i.e., they spill over), but everything within the container is cut off.
The first portion of the global.css looks like this:
body {
background: #ffffff url(images/mods_bg.gif);
color: #000;
text-align: center;
line-height: 1.4;
margin: 0;
font-family: Tahoma, Verdana, Arial, Sans-Serif;
font-size: 13px;
}
a:link {
color: #4e869c;
text-decoration: none;
}
a:visited {
color: #4e869c;
text-decoration: none;
}
a:hover, a:active {
color: #325765;
text-decoration: underline;
}
#container {
width: 65%;
color: #000;
align: center;
text-align: left;
line-height: 1.4;
margin: auto auto;
font-family: Tahoma, Verdana, Arial, Sans-Serif;
font-size: 13px;
}
.wrapper {
width: 85%;
min-width: 970px;
max-width: 1500px;
margin: auto auto;
}
#logo {
background: #64accb url(images/sky/header.png) top left repeat-x;
border-bottom: 0px solid #528ea7;
}
#content {
background: #fff;
width: auto !important;
padding: 20px 10px;
overflow: auto;
}
I think I fixed it. I changed the wrapper from:
.wrapper {
width: 85%;
min-width: 970px;
max-width: 1500px;
margin: auto auto;
To:
.wrapper {
width: auto;
min-width: auto;
max-width: auto;
margin: auto auto;
Anyone know if this change will cause me any issues?