How to edit a webpage

How to edit a webpage

How to edit a webpage using website builder

In this article we will edit the contents of a web page so we can make it our own. Image and Text elements are the basic building blocks of our website builder. Just click on any element and edit. As far as images are concerned, if you want to insert your own images you need to find its dimensions which is available under the Advanced settings of an Image. The text editor provides us with a basic wysiwyg editor using which you can change the text, font-family, font-size, etc.,

We will learn how to change an existing Theme, add our own images to the Slideshow, edit Text and replace existing images.

Theme

If you do not like the default theme or if you need to change the look and feel of your existing website you can choose a different theme from our repository which have been categorized based on your needs.
 
In the website builder dashboard under Themes click Change. 

Fig. 01: How to edit a webpage using website builder
Fig. 01: How to edit a webpage using website builder

In the next window you can select a theme suitable for your business functionality.

Fig. 02: How to edit a webpage using website builder
Fig. 02: How to edit a webpage using website builder

Slideshow settings

First let’s see how to change the images of the slideshow. Click on the Slideshow and click on Settings. Also note that the drop down arrow gives us the option to

Send layer backward
Bring layer forward
Lock Position
Show on all Pages
Hide on Mobile.

Fig. 03: How to edit a webpage using website builder
Fig. 03: How to edit a webpage using website builder

Just like the concept of ‘Layers’ in any photo editing software like Photoshop or GIMP every element in our website builder whether text or image is a layer. You can add an image or text over an existing layer. You can also move an element in a layer forward or backward. Always send a larger layer backward and a smaller layer forward.
 
In the ‘Settings’ window click on the Advanced tab. If you have your images to insert in this slideshow, note down the width and height to which to resize your images. 

Fig. 04: How to edit a webpage using website builder
Fig. 04: How to edit a webpage using website builder

Next click on the ‘Slideshow Settings’ tab and click on Add/Manage Photos. 

Fig. 05: How to edit a webpage using website builder
Fig. 05: How to edit a webpage using website builder

In the ‘Manage Photos’ click on Add Photos. If you want to delete an existing image click on the red ‘–‘ sign at the top right corner of an image. 

Fig. 06: How to edit a webpage using website builder
Fig. 06: How to edit a webpage using website builder

In the next window you can upload your own images using ‘My Photos’ or select appropriate images using ‘Free Images’. 

Fig. 07: How to edit a webpage using website builder
Fig. 07: How to edit a webpage using website builder

Rearrange Menu

Right click on the Navigation menu and click on Settings. Under the drop down menu you have the same options previously discussed under Slideshow settings. 

Fig. 08: How to edit a webpage using website builder
Fig. 08: How to edit a webpage using website builder

In the ‘Navigation Settings’ window click on Edit menu 

Fig. 09: How to edit a webpage using website builder
Fig. 09: How to edit a webpage using website builder

Click on the dotted lines in front of a menu name and drag it to your favourite position. 

Fig. 10: How to edit a webpage using website builder
Fig. 10: How to edit a webpage using website builder

Replace an Image

Click on an Image and click on Replace Image. As mentioned earlier, you can find the dimensions of this image under Settings – Advanced tab.
Logo – you can use this approach to also change your logo image. 

Fig. 11: How to edit a webpage using website builder
Fig. 11: How to edit a webpage using website builder

Edit Text

Click on any Text and click on Edit. 

Fig. 12: How to edit a webpage using website builder
Fig. 12: How to edit a webpage using website builder

You can now change the text in the box and format it using the wysiwyg editor. 

Fig. 13: How to edit a webpage using website builder
Fig. 13: How to edit a webpage using website builder

Contact Us – Form Settings

Next let’s see how to change the contact form settings. Click on the Contact Us page. Click on the Contact form and click on Settings. 

Fig. 14: How to edit a webpage using website builder
Fig. 14: How to edit a webpage using website builder

Here you can change the Display text and the email address to send the message to. 

Fig. 15: How to edit a webpage using website builder
Fig. 15: How to edit a webpage using website builder

Google Map

The Google map in the ‘Contact Us’ page fetches the address that we previously entered in How to create a website using website builder (Refer Fig. 05)
 
When you click on the Google map the Settings icon let’s you change the address of the map display. For security purposes you can choose to delete the email address information in the text box below Google map. 

Fig. 16: How to edit a webpage using website builder
Fig. 16: How to edit a webpage using website builder

So, in this article we learnt how to change the slideshow images, change text and image using the website elements. There are also other elements in the website builder which you can learn to use and use it on your website.
 
 
Please follow our Blog on Feedly for all the latest information. If you need more help, please call our Support Department at (480) 624-2500. We are available 24/7. You can also use our Email support system for any queries. Just IT Hosting

Share it with your Friends

1 thought on “How to edit a webpage”

  1. magnificent issues altogether, you just won a emblem new reader.
    What may you recommend about your publish that you simply made a few days in the past?

    Any positive?

Leave a Comment

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.