How to Create a Custom Template in Weebly

Written by thomas mcnish
  • Share
  • Tweet
  • Share
  • Pin
  • Email
How to Create a Custom Template in Weebly
Create your own template on Weebly. (Comstock Images/Comstock/Getty Images)

Weebly is a site that allows users to create their own Web pages for free. Weebly's main aim is to make personal Web design as simple as possible. Their user-friendly click and drag interface makes putting a Web page together possible for even the less experienced computer user. However, in order to make this possible, Weebly opted to use Web page templates, or preset designs. You can alter these designs to your create your own custom template, but you'll need to know how to edit HTML and CSS.

Skill level:
Moderately Challenging


  1. 1

    Log in to your Weebly account.

  2. 2

    Click the "Design" tab at the top of the page.

  3. 3

    Click "Edit HTML/Edit CSS" tab that appears at the bottom of the menu banner.

  4. 4

    Click either the "HTML" tab or the "CSS" tab, depending on what you want to edit. For instance, to customise the background colours of your template, you'll have to go under "CSS" and find the script for background colour. It should look something like "background: #0001." Edit the background colour code to a new HTML code.

  5. 5

    Continue to edit the font type, size or background image under the "HTML" and "CSS" sections.

  6. 6

    Click the "Preview" tab to see what your page will look like.

  7. 7

    Click "Save Changes" to keep your new template design. A pop-up box will appear asking you to rename your new altered template. Type in the name and click "Save." Your new template has now been successfully created and your Web page will reflect the changes.

Tips and warnings

  • Refrain from editing HTML and CSS scripts unless you're familiar with the process. Altering even one code could change the look of your entire web page.

Don't Miss

  • All types
  • Articles
  • Slideshows
  • Videos
  • Most relevant
  • Most popular
  • Most recent

No articles available

No slideshows available

No videos available

By using the site, you consent to the use of cookies. For more information, please see our Cookie policy.