01886 821198

NO ARTWORK or SETUP FEESWow!

MENU

Website Stylesheet 

This is a sample page to demonstrate all the different formatting options that are available in the WYSIWYG editor in the CMS. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum.

Typography

Below are the heading styles:

Heading 1 - only one of these per page (unlike this page)

Heading 2

Heading 3

Heading 4

 

Here are the heading styles with some text in between:

Heading 1

Just a simple line of text to show the spacing between headings & paragraphs.

Heading 2

Just a simple line of text to show the spacing between headings & paragraphs.

Heading 3

Just a simple line of text to show the spacing between headings & paragraphs.

Heading 4

Just a simple line of text to show the spacing between headings & paragraphs.

In text links look like this: text link Lorem ipsum dolor sit amet, consetetur sadipscing elitr. Don' forget to check what they look like when hovered over or clicked :) At vero eos et accusam et justo duo dolores et ea rebum.

Block quotes are great to highlight key points and for actual quotes Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.

Plus a couple of lines of FONT LARGER, Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.

Plus some lines of FONT SMALLER, Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.

Plus some line of FONT EXTRA LARGE, Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.

And some more text below...

And some more text below...

Lists

This is an example of Bulleted lists - with the default bullet and indents:

  • first item
  • second item
  • third item
    • also indented items are possible
  • last item

and another list in turquoise (select the whole list and use the style option dropdown):

  • first item
  • second item
  • third item

Also Numbered lists:

  1. first item
  2. second item
  3. third item
    • also indented items are possible
  4. last item

 

Buttons

There is an easy way to add lots of buttons to the page: simply use the WYSIWYG menu ' ' to add a button to the page:

The button options are:

Contact Us - Grey Button

Contact Us - Blue Button

Contact Us - Red Button

Also smaller buttons:

Contact Us   Contact Us    Contact Us  

And larger buttons:

Contact Us   Contact Us    Contact Us  

TEST WITH A LARGE AMOUNT OF TEXT ...  fdmsnfg gdg addalga adjgdgdjt gj  j gdlajdlj aerj  dd j  agjjaj ajad aj gj gl@,,n krhsjs/lgjs rjg sjl gkj

 

 

Dropdowns & Dropups

and a dropup: 

  

 

Array
(
    [siteName] => The Mug Makers
    [pageTitle] => Website Stylesheet
    [pageDescription] => 
    [keyword1] => Website Stylesheet
    [keyword2] => Website Stylesheet
    [homePageKeywords] => Mugs, Hand Printed Mugs
    [phoneNumber] => 01886 821198
    [phoneNumberLink] => 01886 821198
    [email] => info@mugworks.co.uk
    [emailLink] => 
    [copyright] => 2008-2019
    [googleFontUrl] => //fonts.googleapis.com/css?family=Kalam:700
    [socialLinks] =>       

    [businessType] => LocalBusiness
    [typeMicrodata] => itemscope itemtype="http://schema.org/LocalBusiness"
    [fullBusinessName] => Whitbourne Mugworks
    [fullBusinessNameMicrodata] => Whitbourne Mugworks
    [address] => 4 Old Forge, Whitbourne, Worcester, Worcestershire, WR6 5SB, United Kingdom
    [addressMicrodata] => 
Whitbourne Mugworks4 Old ForgeWhitbourneWorcesterWorcestershireWR6 5SBUnited Kingdom

    [county] => Worcestershire
    [latitude] => 52.2077530
    [longitude] => -2.4133210
)
1

Icons

The following are all icons available. Note: check that CSS is updated.

 

 

, //fonts.googleapis.com/css?family=Kalam:700