Changing the background and header banners are 2 ways that you can quickly and easily update the look of your website, and instantly make it look more professional and branded to your business.

Our tutorial, how to change your website background, shows you how to upload a background image across your site.

Another question that has been asked of us, however, was how to change the background of the banner at the top of the page. Let's look at an example.

Before

Picture

 
 
Changing the background of your Weebly website is one of the easiest ways to personalise your website. This one simple step can suddenly transform your site from looking like a standard template into one which better reflects your professionalism and business.

You do need to delve into the code behind the scenes, but the beauty of Weeby templates is that their editor shows you the update as soon as you make the change. So even if you don't really understand CSS, with some trial and error you can quickly work it out.

Step 1: Find the CSS code to edit your Weebly website

We're going to use one of the pre-defined Weebly templates as our example to work on. Click on the Design tab and then click on Edit HTML/CSS.
Weebly template example

 

    Weebly tutorials

    We've invested the hours into learning the Weebly way, and we share it all with you here.

    Categories

    All
    Change Custom Background
    Weebly Tutorials


    Want to know when we add more tips? Join our mailing list, and we'll keep you informed.

    (We don't give your email out to anyone else. Pinky promise.)