Cookies on our website
Big Blast Design
Take control of your business

Call us now on 01279 755155

Connect with me at Twitter (click here) Click here for my LinkedIn page Click here to join me at Google Plus
Home > Website CMS > Editing tools > Text alignment

Editing tools
Below is a copy of the tools available within the web builder. Click on each for the relevant help files:

Edit content boxesPublish or republishPage choicesHelp filesPreview pageSave page
Find and replaceCutCopyPastePaste from external sourceUndoRedoTable - insert or editInsert or edit an imageInsert or edit mediaInsert an emoticonAdd rule offAdd or edit a linkInternal page linkInsert or edit bookmarkInsert special charactersAdd a formAdd a text fieldAdd a text area (form)Add a buttonAdd a drop down list (form)Add a tick boxAdd radio buttonInsert content markerInsert roll over image
StylesFontSizeBoldItalicUnderlineMore font optionsFont colourHighlightAlign leftAlign centreAlign rightFully justifyMore paragraph optionsNumbering - ordered listBullet points - unordered listMore list optionsDecrease indentIncrease indentAdd or edit html snippetsAdd image galleries to pageAdd content box

Text alignment

The following icons are explained below. Click on each to get to the relevant tool explanation:
Add rule offAlign leftAlign centreAlign rightFully justifyMore paragraph optionsNumbering - ordered listBullet points - unordered listMore list optionsDecrease indentIncrease indent


Please note, images are aligned in text using image alignment, which is accessed from the image editor. They  will also take on the alignment of the paragraph of text that they sit within.

Align leftAlign selected portion of the document or text of the current cursor position to the left.

Text will appear to the left of the page or table, thus.

 

Align centreAlign selected portion of the document or text of the current cursor position to the centre.

Text will therefore appear in the centre of the page or table like this.

Align rightAlign selected portion of the document or text of the current cursor position to the right.

Any text in a page or table will align to the right as in this box.

 

Fully justifyFully justify selected portion of the document or text of the current cursor position.

Fully justified text goes equally to both sides of the page where lines of text are long enough and appears therefore to follow the boundary of the box or page that it appears in like this text which is just justified!

More paragraph options Leads to direction to right and left options.

Numbering - ordered listConvert selected text or text of the current cursor position to ordered list.

  1. Text which is separated by a paragraph (just hit [enter] or [return] key)
  2. and which is in an ordered list
  3. will have sequential numbering to the left, like this
Tip: If you don't want it to appear under the same bullet point, use the [shift] key, whilst clicking [enter] or [return] key and this will insert a new line and not a new paragraph, allowing you to have several lines of text under one bullet.

Bullet points - unordered listConvert selected text or text of the current cursor position to unordered list.

  • Text in an unordered list
  • which is separated by paragraphs (hit your [enter] or [return] key
  • will appear in a list with bullet points to the left, just like this does

Tip: If you don't want it to appear under the same bullet point, keep hitting enter and it will break out of it.

In addition to the standard bullet points, you can use three other types of unordered lists, shown below.

We have also defined a further two other styles, which allow you to have different images used instead of bullet points, replacing the ordered or unordered lists. The images used would sit within a directory called bpoint. Name the images:


custom-ord-list.jpg
custom-unord-list.jpg

and upload to this directory. Once you have applied the sytle to a set of bullet points, the image with the relevant name will be used whereever these custom styles have been added to bullet points on the website.

More bullet point options and styles

Increase indentIndent text of the current cursor position.

This text is not indented

This is indented once. To demonstrate indenting paragraphs, we need a lot of text, so forgive the wordy explanation. Put your caret next to the text you wish to indent and then click on this button and the text will be indented.

This is indented further.

To outdent - or reverse this facility for the selected text use the opposite button. This text has been outdented twice to get back to where we were. 

 

Decrease indentOutdent text of the current cursor position.

What is outdent - it is the opposite of indent. See above.

 

Add rule offInsert a horizontal line in the current cursor position.

This is useful to rule off a page and give some limited formatting, particularly where you have few graphics. It can be quite an effective way of formatting a page and the horizontal line shows across the page (or table) you put it in. Be careful though as too many can give an overhead to page loading times.

A horizontal line looks like this:


It will stretch over the available area of window, within any constraints that you have set, i.e. within a table, it wont force the table wider than you have set it, so if a table is 100% width of the page, so will the line be, and if it is 70% then the line will be so also.

There are additional options available to dress the rule-off, as you can see from below. This includes the width in pixels or percentage (we suggest the percentage is always used) and the height in pixels, as well as the rule-off colour.

Rule off options 

The following shows a rule-off shown in blue, 80% wide and two pixels high.


 

 

 


Last update: 12.03.2017