CSS Optimization for the Visopsys Website

General discussion about Visopsys. We'll create more specific forums if the number of posts justifies that.
Post Reply
User avatar
fosforito
Posts: 58
Joined: Mon Sep 09, 2013 12:16 am
Location: Paraguay
Contact:

CSS Optimization for the Visopsys Website

Post by fosforito » Fri Sep 30, 2016 6:02 am

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
My Homepage: http://www.fosforito.net/ :)

User avatar
andymc
Posts: 491
Joined: Tue Nov 16, 2010 7:20 pm

Re: CSS Optimization for the Visopsys Website

Post by andymc » Thu Oct 27, 2016 7:51 pm

Done. Thanks for the help!

Post Reply