XSitePro and WordPress templates

XSitePro Template and WordPress Themes
 ShopXSitePro
 

 

How do I add borders to my site?

You can add borders to your site very easily with a little bit of custom CSS.

In XSitePro V1.6 - Click on Other > Scripts > Top Box
In XSitePro V2.x - Click on Other > Global Scripts > In The Head Section of the Page

<style>
TABLE.XSP_OUTLINE{HEIGHT: 100%; WIDTH: XXXpx; border : Xpx solid #XXXXXX;}
</style>

Change the X's to match your needs.

 



How do I add drop shadow borders to my site?

  • In your favorite graphics editor, create an image. say 2500px wide, 10px high.
  • Make the background whatever color you want your site background to be.
  • In the center, draw a box the exact width of your page (770px or whatever you use).
  • Add a drop shadow effect to the box.
  • Save a bg.jpg
  • Enter this code in:
    In XSitePro V1.6 - Click on Other > Scripts > Top Box
    In XSitePro V2.x - Click on Other > Global Scripts > In The Head Section of the Page
<style>
body {MARGIN-TOP: 0px;
  background-color:#XXXXXX;
  background-image: url("../images/bg.jpg");
  background-repeat: repeat-y;
  background-position: center;
}
</style>

Change the X to match your needs.

Site Search

Facebook Stumbleupon Technorati BlinkList Slashdot Digg

Subscribe

Join the ShopXSitePro
newsletter to stay up
to date on all the new templates being released.
PLUS get 2 FREE XsitePro Templates and special offers.
Join Now!




XSitePro Cheat Sheet