Page 1 of 1

CSS Optimization for the Visopsys Website

Posted: Fri Sep 30, 2016 6:02 am
by fosforito
Hi Andy, Nice new Website Look!
I have just 2 Tweaks that can make the design a bit better:

The CSS "body.custom-background" needs a background-size:

Code: Select all

body.custom-background {
    background-image: url('http://visopsys.org/wp-content/uploads/2016/09/madeira.jpg');
    background-repeat: no-repeat;
    background-position: top right;
    background-attachment: fixed;
    background-size: cover;
}
The class ".site" needs a margin of 0-auto so that the Content is centered and not on the left (a problem on wide displays).

Code: Select all

.site {
    background-color: #fff;
    max-width: 1260px;
    position: relative;
    margin: 0 auto;
}
The result will look like in the attached Image :D

Regards, Jens W.

Re: CSS Optimization for the Visopsys Website

Posted: Thu Oct 27, 2016 7:51 pm
by andymc
Done. Thanks for the help!