Home > How to... > Advanced Design > Styling Splash Pages

Styling Splash Pages

In order to style the background of a splash page / custom landing page, a few lines of code must be pasted to the source code of your splash page.  Start by pasting the code below and changing the parameters according to your requirements. Please note that this styling is only valid for the splash page that you work on, you will need to repeat this process for each page. This code does not effect your store design. 

 <style type="text/css">
body
{
background-color:#6495ed;  
background-image: none;
background-repeat: repeat;
background-position: none;
}
</style>

/* 

background-color: Sets background colour. you can write the hexadecimal code, or just the colour name without the # ex; black, red, gray..
background-image: Sets background image. direct it to the image URL that you want to show on the background.  ex; /resources/BD/9999/images/image.jpg
background-repeat: Sets if/how a background image will be repeated. Values; (repeat, repeat-x, repeat-y,
no-repeat)
background-position: Sets the starting position of a background image. Values; (left top, left center, left bottom, right top, right center, right bottom, center top, center center, center bottom)

*/



Translate and Localize your website with 'Localizer pluggin

Shopping Cart Software by Ashop