Adding a repeating pattern background to your Super Skin

Note: The image you add will be tiled both horizontally and vertically so both the top and bottom edges and also your left and right edges of the image must match for this to be truly effective.

  1. In the CSS panel, look for the background ID #background that looks like the one below and uncomment the following block of code:
     #background {
    background-size:40px 20px;
  2. Now drag and drop your own repeating pattern image into the CSS panel and replace the url for the background-image property.
  3. 3- If the new image you just put in has different dimensions you must also amend the background-size property in pixels with the value of the width first followed by the value of the height.


Please sign in to leave a comment.
Powered by Zendesk