15 March 2017

“Text” element in the WebWave creator without coding allows you to add to your website any text, as well as enrich it with photos, YouTube videos, or links.


Adding a “Text” element to the page

Available “Text” functions


Adding a “Text” element to the website


“Text” can be added from the tools menu on the left side of the editor. Just click the appropriate icon or drag it from the tools menu on the page.



Available “Text” functions


You can give any size to the “Text” element. It may have a shadow, transparency, and border.


All these settings are available in the lower panel, after selecting the item in the editor.

If you double-click an item or select an item and click "edit" in the frame, you can edit its contents.

In addition, during editing, there is a panel which has many useful tools.



In the first row of the panel basic text editing features are available. In order from left they are:


Font selection


Allows you to select a font from the list of available fonts. If you can't find a suitable font among the available, you can add more. You will learn how to do this here.


Font size


It allows you to determine the font height in pixels.


Text color

Here you can choose the color of letters and other characters.


Background color

Set background color of the letter. This is not the background color for the entire item, only for the single character.



If you want to make some text stand out on the website, you can do so just by using this tool. The selected text will be thicker than regular text.



Another way to highlight text. The text will slant slightly to the right. This option is often used for a quotes.



It allows you to highlight text, by adding the underlining.



Useful when you want to indicate that something has been changed in the text. It simply marks the selected text with horizontal line through the center.



It allows you to choose style from the lists of available text styles. If you select a style for the text, you can make a change very quickly on the whole page, e.g. color, size or font of a text, by changing the style. You will learn more about the styles here.



Allows you to choose which HTML element on the website, a part of the text should be. You can select the normal format, which corresponds to <p> and four levels of headings, which correspond to the tags <h1>, <h2>, <h3> and <h4>. Use of the correct format is important because of the SEO.  You can learn more about SEO here.

In the second row there is a lot of useful tools for better arrangement of text and adding the media. From left to right there are:


Text alignment

Well-known option from the text editors, such as Word. It allows you to determine how text is arranged in the element. Different pieces of text can be arranged in different ways. You can also use this options for photos and videos inserted into the text element. The options are:


Left – aligns elements to the left.

Center – aligns the text so that the center of each line is in the middle of the element.

Right – aligns elements to the right.

Justify – aligns text to the left, and when you fill a line of text, will ensure that the text is also equalized to the right side (Attention – it can increase the spacing between words).


Numbered list


It allows you to create a list, in which successive parts of text have consecutive numbers.


  1. one
  2. two
  3. three


Bulleted list


When you do not want to give parts of the text numbers, but still want to write a list, a bulleted list is just for you.


Shopping list:

  • beer
  • cheese
  • eggs
  • beer
  • bread
  • beer


Decrease / Increase indent


When you want to add the sublist, you can do so just by increasing the indentation.


  1. one
    • one a
    • one b
  2. two
  3. three


Insert / edit link


Links are essential for navigating through a website. With this option, you can create a link from a part of your text. You can choose whether the link is to open in the same tab or in a new one. Or maybe a pop-up window? After clicking, user will be redirected to the page specified by you.

The appearance of the text will change according to the style set for links on your site.


WebWave Tutorial


Remove link


It does exactly as it says – removes a link from selected text. Appearance of the text returns to the previous style.


Insert / edit anchor


Adds an anchor to the website. This element is invisible to the user. If you place an anchor in the text, a link will lead directly to the place where the anchor is. Useful when creating tables of contents, on which the user can click, such as the one at the beginning of this article.




It allows you to add a photo from the Media Library within the text e.g. screenshots in our tutorial.



YouTube video attachment


You can add any video from YouTube to your text. When you click this option, it opens a window where you can specify the details of the added video, such as window size or autoplay.




You can create a table in the text by clicking on this option. After clicking you'll see a window that will allow you to determine the number of rows and columns. If in the process of writing it turns out that the table is too small, do not worry, you can edit the already added table. You do this by clicking on it the right mouse button and selecting the appropriate options.


english german
me ich
you du


Insert a horizontal line


Adds a horizontal line spanning the entire width of the text.



Insert special character


From the menu that opens when you click, you can add different characters, some of them are not accessible via the keyboard.


e.g. WebWave®


Remove formatting


Removes previously added styles from the text. The appearance of the text will be restored to the default settings on your page.


Show blocks


It shows blocks of HTML that make up your text. It is only an informational feature for you, users will never see them.




It allows you to set the appearance of a text field on the basis of the available templates. It has nothing to do with the page template, about which you can read here.


Document source


It shows in the window, how the currently edited text field looks in HTML. You can also edit the HTML.


The third and last line of the Tools menu is short but contains a very interesting features.


Transform Text to Uppercase


Converts the selected text to uppercase.


Transform Text to Lowerase


Converts the selected text to lowercase.


Capitalize Text


Converts the first letter of each word in the selected text to uppercase, and all the other small.


Transform Text Switcher


Clicking on this button change the selected text according to the three previous options. Subsequent clicks give a different effect:

• after the first click: Uppercase

• after the second click: Lowercase

• after the third click: Capitalize

• the fourth clicked: Uppercase



Media Library


The last button allows you to enter the Media Library.

GO BACK             




Copyright © 2011 — 2018

All Rights Reserved





Try - it's free