Website Styles

Website Styles Overview

When a user or designer needs to create new page and reference style document for build a content. This module helps every designers to control the font formatting, text and page content. If a designer wants to modify their site designs to look how they want them to look then it's the designers opportunity to use this helpful module.


Styles

  • The Style Sheet sets the look and feel of your website and was determined when your website was originally designed and built - and is generally written from a designers specifications.
  • To keep the Styles consistent across your site, the Editor is set to apply the Styles that you need to keep uniform right across your site when add or changing your web pages, - i.e, Style - default settings - are set via your Style Sheet;
  • Your "Style Sheet" is set up so that all content entered in the Editor picks up the pre-determined default Styles (e.g..,font type, font size, attributes colour and underline, etc.)

Clearing Styles

It is a good practise to clear styles and start over to ensure you have exactly the formatting required.

At times content can become confused with multiple conflicting styles

STEP-BY-STEP
  • 1
    To clear the style and start over, just select the text
  • 2

    Then select the clear styles icon

  • 3
    All styles on the selected text will be rest back to the default site style
    Website Styles

Heading Styles and Search Enginie Optimisation

  • Headings on your page are very important as they summarise the content that is on that page - as well as guiding a user through the content at a quick glance.
  • Search engines realise the importance of headings on a page and look for them when indexing and ranking your site.
  • This is, part of the work that Search Engine Optimisationencompasses,is making sure that heading tags are applied properly in your page content.
  • The tags that need to be utilised are the Heading 1 - Heading 6 tags.
  • Heading Styles 1, 2, 3, 4, 5 or 6 -should be applied ONLYthrough the "Paragraph Drop Down Selector" (See Arrow 1 below)
  • NB.Please doNOT use the "Style Editor Tool"for the purpose of adding Headings 1 thru 6 - these must be applied using the "Paragraph Drop Down Selector ONLY for purposes of Search Engine Optimisation

Applying Heading Style

STEP-BY-STEP
  • 1
    Type your text, then Highlight the text(i.e., that you wish to be included in the heading)
    Website Styles
  • 2

    Click on the "Paragraph Selector" ( see Red Arrow 1 above) this will expand the drop down menu

  • 3
    Select the "Heading Tag" (see Red Arrow 2 above) that you require.

Use of Headings 1 to 3

  • "Heading 1" should be used at the top of a page of content and all other heading tags used in subsequent sequence.
  • The next level can appear as Heading 2, then Heading 3.
  • It is rare to have more than 3 levels of Headings
  • See examples of Heading Styles 1, 2 & 3 below.
website styles