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
Posts: 58
Joined: Mon Sep 09, 2013 12:16 am
Location: Paraguay

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