Text element in website builder WebWave allows you to add to your website any text and enrich it with images, YouTube videos or links. In this article, you will find out how to build a website with your own text.
Add text element to your website
A text element can be added through the toolbar on the left side of the builder. All you have to do is drag and drop icon T.
You can set any size for a text element. It can have shadows, transparency, and borders. All features explained in this article are accessible through Text edition panel, which can be opened by clicking on any text.
By double clicking text element, you can change content and its style.
You can choose a font from the fonts list. If none of them suits your project, you can easily add some more.
Read how to add more fonts to fonts list.
John has a dog. |
You can set font height in pixels.
John has a dog. John has a dog. John has a dog. |
You can choose a color for letters and characters.
John has a dog. |
Set letter's background color. It is not a backround color of the whole element, just letters.
John has a dog. |
Set color, size and alignation of text shadow.
John has a dog. |
Use this effect if you want some part of your text to be more visible on the website.
John has a dog. |
Italic is another way to make your text more visible. It is often used on quotations.
"John has a dog." |
Distinguish some text by underlining it.
John has a dog. |
This effect comes useful when you need to mark what do you want to be changed in a text. It just crosses the central part of the marked text with a horizontal line.
John has a dog
|
Choose text formatting style from a list. If you ever decide to change text color or size on a whole website, you can easily do it by changing the formatting style.
Read more about formatting styles.
The well-known effect of Microsoft Office Word. Allows you to decide how the text will be aligned in the element. You can align text sections differently. Alignment works also for images and videos placed in the text element.
John has a dog. |
John has a dog. |
John has a dog. |
Create a list which elements will be numbered.
|
Whenever you don't feel like creating a numbered list, you can make a bulleted one, each element will start from a big dot.
Shopping list:
|
If you need a sublist in your list, just increase indent.
|
Make part of your text a link. Choose whether the linked website will open in the same browser window or in a new one.
The user after clicking on a linked text will be redirected to a website of your choice. Set a formatting style for linked objects and every linked text on your website will have the same size, font, and color.
Removes a link from the marked text. Formatting style goes back to the previous one.
Add anchor to your website. This element is not visible for users. Set a reference, which will transfer a user to the place in the text where you anchored. Useful when creating a table of content, like the one at the beginning of this article :)
Add to your text an image from the Media library.
Add to your text any YouTube video. Click on the element, select "Edit style" and in "Video Player settings" set details like autoPlay or size of the video window.
Add a table to your text and set the number of rows and columns. Remember, you can edit the table at any time. Just right click on it.
|
Add to your text a horizontal line with a width of the text element.
John has a dog.
John has a dog. John has a dog. |
From text menu, which opens after you click on text element, insert characters that aren't accessible through the keyboard.
e.g. ® or © |
Insert to your text any HTML5 video from Media library. Click opens a window where you can set details like autoPlay or size of the video window.
This option allows you to remove previously added styles. The text will go back to default look.
Shows your website's HTML blocks. They are invisible to users.
Set a look for your text from a list of templates. It is not the same as website template, read more here.
Shows in a window how text looks as HTML code. You can edit it there as well.
Transforms all marked text to Uppercase.
Transforms all marked text to Lowercase.
Changes first letter in each word in a marked text to Uppercase and rest of them to Lowercase.
Each click changes marked text to one of three previously described options:
first click - Uppercase
second click - Lowercase
third click - Capitalize
forth click - Uppercase
etc.
Opens the Media library.
This website has been entirely created using our web design software WebWave. We use cookies to give you the best possible experience. Read more.
FIND US ONLINE
HELP DOCS
WEBWAVE
FOR CUSTOMERS
OFFER
WEBSITE BUILDER
Click here to chat with us.
CONTACT
contact@webwave.me
Free website builder WebWave makes creating websites effortless. You can start building your website either from scratch with a blank page or, if you are looking for some inspiration, with a free template. Web design software for free? It is easy!