I have been customizing this great theme and have had a lot of success. Bellow is the Custom CSS code I added to change certain aspects of the theme.
--------
.container-fluid {
max-width: 1900px;
}
.clearfix {
border: solid 2px #a71e38;
}
#section-0.section.main.clearfix {
background-color:#ffffff;
}
#section.main.clearfix {
background-color:#ffffff;
}
#section-0.section.main.clearfix {
background-color:#ffffff;
}
#section-1.section.main.clearfix {
background-color:#ffffff;
}
#section-2.section.main.clearfix {
background-color:#ffffff;
}
#section-3.section.main.clearfix {
background-color:#ffffff;
}
#section-4.section.main.clearfix {
background-color:#ffffff;
}
#section-5.section.main.clearfix {
background-color:#ffffff;
}
#section-6.section.main.clearfix {
background-color:#ffffff;
}
#section-7.section.main.clearfix {
background-color:#ffffff;
}
#section-8.section.main.clearfix {
background-color:#ffffff;
}
#section-9.section.main.clearfix {
background-color:#ffffff;
}
#section-10.section.main.clearfix {
background-color:#ffffff;
}
.li.section.main {
border-bottom: 0px none;
background: url([[pix:theme|bg/dot]]) bottom repeat-x;
}
.clearfix {
background-color:#ffffff;
}
------------------------
The last bit was added to try and make editing a little easier, because the text sometimes gets lost in the background. (I initially tried to create a 1x1 graphic with a 50% opacity, but I couldn't get the opacity to be recognized when on the site.) ANYWAY, the I got the areas to fill with color, but I have come across an issue with heading. It is merely a cosmetic issue, that I don't know how to fix. The heading for each area is half in the color and half out. In other words, they don't appear to be totally in the container.
Any suggestions? Most of this stuff will be seen by myself, although a few areas (like self-registration) will be seen by students.