visopsys.org
http://visopsys.org/forums/

CSS Optimization for the Visopsys Website
http://visopsys.org/forums/viewtopic.php?f=3&t=276
Page 1 of 1

Author:  fosforito [ Fri Sep 30, 2016 6:02 am ]
Post subject:  CSS Optimization for the Visopsys Website

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:
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:
.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
Unbenannt.PNG [ 176.95 KiB | Viewed 3689 times ]

Author:  andymc [ Thu Oct 27, 2016 7:51 pm ]
Post subject:  Re: CSS Optimization for the Visopsys Website

Done. Thanks for the help!

Page 1 of 1 All times are UTC
Powered by phpBB © 2000, 2002, 2005, 2007 phpBB Group
http://www.phpbb.com/