CSS Trick Center The Body in Wapka

In this tutorial I will show you how to center your site body with CSS trick in wapka.. This will add nice look to your site

This look will be awesome for your PC version of wapka site.. Instead of long flat page, it will make site in the center of the window, lets do it..

1. Login to your wapka account
2. Goto ES > WAP2 > Classes Settings > Click EDIT STYLE SHEET FILE link > Insert the following code in text area and press edit button >
   body {max-width: 600px;margin-top: 0px;margin-right: auto;margin-bottom: 1px;margin-left: auto;padding:2px;}
3. in above code, we used following CSS attributes
   
   1. We set max-length to 600px, you can set other too like 800px, 400px etc, all depends to you, how much wide you wanted to set your site..
   2. We set top margin to 0 because we doesn't want any space between top of browser and our site body..
   3. WE set left and right margins to 'auto' because we want our site in center of the screen, thats what our purpose of the tutorial is so please don't change it..
   4. We set bottom margin to '1px' (This is the gape between bottom of browser and our last item on site).. You can increase or decrease it as you like.
   5. At the end we used padding property, it will set our items 2px away from the corners of page
4. Thats it, goto your Homepage

Remember that this script will not have impact on mobile browsers, so don't get confused just use it and users from the PC will love your site..