visopsys.org

Visopsys Forums
It is currently Thu Sep 21, 2017 4:30 am

All times are UTC




Post new topic Reply to topic  [ 2 posts ] 
Author Message
 Post subject: CSS Optimization for the Visopsys Website
PostPosted: Fri Sep 30, 2016 6:02 am 
Offline
User avatar

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

_________________
My Homepage: http://www.fosforito.net/ :)
Top
 Profile  
 
 Post subject: Re: CSS Optimization for the Visopsys Website
PostPosted: Thu Oct 27, 2016 7:51 pm 
Offline
User avatar

Joined: Tue Nov 16, 2010 7:20 pm
Posts: 459
Done. Thanks for the help!


Top
 Profile  
 
Display posts from previous:  Sort by  
Post new topic Reply to topic  [ 2 posts ] 

All times are UTC


Who is online

Users browsing this forum: No registered users and 1 guest


You cannot post new topics in this forum
You cannot reply to topics in this forum
You cannot edit your posts in this forum
You cannot delete your posts in this forum
You cannot post attachments in this forum

Search for:
Jump to:  
cron
Powered by phpBB © 2000, 2002, 2005, 2007 phpBB Group