CSS Optimization for the Visopsys Website

General discussion about Visopsys.
Post Reply
fosforito

CSS Optimization for the Visopsys Website

Post 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.
Attachments
Unbenannt.PNG
User avatar
andymc
Posts: 589
Joined: Tue Nov 16, 2010 7:20 pm

Re: CSS Optimization for the Visopsys Website

Post by andymc »

Done. Thanks for the help!
Post Reply