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
Other People Are Reading
Log in to your Weebly account.
Click the "Design" tab at the top of the page.
Click "Edit HTML/Edit CSS" tab that appears at the bottom of the menu banner.
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.
Continue to edit the font type, size or background image under the "HTML" and "CSS" sections.
Click the "Preview" tab to see what your page will look like.
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.
- 20 of the funniest online reviews ever
- 14 Biggest lies people tell in online dating sites
- Hilarious things Google thinks you're trying to search for