I have created a full width style by setting width at 100% and then making this change to the CSS used for a cloned copy of default style. I'm more curious if there might be any bad side-effects I'm unaware off from making this CSS change that I've overlooked?
I changed this in the CSS to remove the rounded corners from header and footer areas
Code
.navigationHeader {
border-top-width: 0;
border-radius: @wcfContainerBorderRadius @wcfContainerBorderRadius 0 0;
}
.navigationFooter {
border-radius: 0 0 @wcfContainerBorderRadius @wcfContainerBorderRadius;
}
To this instead:
I removed the navigationFooter class completely because it only used one css entry for rounded corners. But left navigationHeader class there because it had that extra css entry border-top-width: 0; with rounded corners entry - but not sure if that is needed left in also, if not using rounded corners entry
The end result doing that anyway gives me this for header and footer areas