Working with Text Print

  • 0

 

How to use "Text"? 

  1. Adding text:
    • Drag and drop "Text" from main toolbar;
    • Choose text composition;
    • Write your text.
  2. Editing text:
    • Select text and click "Edit Text" on context toolbar;
    • Highlight text area you want to edit;
    • Choose from options in the rich text editor.
  3. Customizing text:
    • Links:
      Highlight the area where you want the link to appear, in the rich text editor click  icon and fill in link properties.
    • Adding anchor:
      Highlight the area where you want the anchor to appear, in the rich text editor click  icon and fill in the anchor name.

Fonts in website builder and on websites differ

When adding Google fonts to your website, sometimes you may notice that font differs in the editor and on published websites (or when previewing the website).

Each added Google font has extra options, like Regular, Italic, Bold, etc. Each of these options may have its separate width, which is defined in number, like 400, 700, etc.

Usually the problem is caused by some style options not being enabled in the Fonts Editing dialog in the editor. To fix it, make sure that all font versions (variants) which you use on your website are enabled.

For example, you connect a font which provides the following options:

Regular 400

Regular 400 Italic

Bold 700

Bold 700 Italic

Then, if you use italic text with this font on your page, then make sure that option "Regular 400 Italic" is enabled for the font.

If you use bold text with this font on your page, then make sure that option "Bold 700" is enabled.

Finally, if you use text which is bold and italic together, then enable the option "Bold 700 Italic".

Inside the editor all font versions are loaded at once, therefore you can see text with the correct font. But the published website gets only those versions, which are enabled in the Font Editing dialog.

How to insert an image in text?

  1. Drag and drop "Layout" from main toolbar;
  2. Select layout composition;
  3. Add image to required layout;
  4. Add text to desired layout.

Note: To add text next to the picture, select layout with column.

How to make a multilingual website? 

  1. Adding languages:
    • Drag and drop "Languages" from main toolbar;
    • Choose languages customisation;
    • In popup, click "Add language";
    • Select the languages you need, and click "Apply".
  2. Editing languages:
    • Click on necessary language flag (e.g. English) to edit content (e.g. type text, menu, etc.);
    • Select another language (e.g. Chinese) and make changes to that language the same way.
      Note: Default language has an icon next to it.
      There can only be one default language and it cannot be deleted just by clicking x next to it.
  3. Deleting languages:
    • Select "Languages" element in the builder;
    • On the right "Languages" toolbar hover the mouse cursor on the language that you want to remove;
    • Click on the cross that appears on the right side from the language to remove it;
    • To remove all languages select language in "Page structure" and press delete on your keyboard.
      Select "Delete all languages and all language items".
      Note: If languages were deleted only in website content, they will be only invisible but not fully deleted.

How to create a link?

  1. Adding link:
    • Mark text to create link;
    • Press  icon;
    • Select one of the link setting options;
    • Select link opening options;
    • Write "Link Title";
    • Click "Apply".
  2. Customizing link:
    • Go to "Settings" at top right corner of builder, select "Styles" – "Links";
    • Click  to select link text color and customize text;
    • Click  to select link hover color and customize hover text.

How to add additional fonts on your website?

  1. Select text you would like to edit in the website builder;
  2. Click  in rich text editor;
  3. Click font  to edit fonts;
  4. Click "Add font", choose from the list or upload your font and click "Apply".

How to use GDPR compliant Google fonts?

  1. Select  settings dropdown list and settings again;
  2. Select "Force local copy of fonts on published website".
    Now custom fonts will be served from a published website server instead of Google Fonts CDN.
 
 

 

 
 
  1.  
 
 

Was this answer helpful?

« Back

Powered by WHMCompleteSolution