Block types with DOCA styling (helps when you need the short-width text over images & as H2s):

TEXT block

  • Paragraph
  • Headings – should go in hierarchical structure (H1 is Page title) H2 for section headings, H3 for sub-section headings below H2 (rarely used)
    Style shortcuts = Shift+Opt 2 for Heading 2 / Shift Opt 3 for Heading 3 etc. (Shift Alt if on PC)
  • List – numbered paras
  • Quote
  • Pullquote

MEDIA BLOCKS

  • Image
  • Gallery
  • Cover
  • File
  • Media and Text
  • Video

Cover Block with full height of image

Turn full-height on and off by selecting the block & clicking toggle full height button / Adjust image height with resize handles

DOCA Makery Market in the Corn Exchange Devizes

Full Height Cover block H2 Advanced > Additional CSS purpleback

Paragraph style with CSS class white80back (80% transparency) holds all the formatting – just type style name into the Block Panel > Advanced> ADDITIONAL CSS CLASS(ES)

Preview post/page – click Preview > Preview in New Tab before updating / publishing
This paragraph is CSS style whiteback
Move to next line without adding space – Press Shift Enter (keeps text in the same block)

CSS orangeback (minimal use)

Button Block – just type the wording. No need to change the colour / size etc. – it will format automatically
DOCA Devizes

Meet up in the Market Place for a bit of a song and dance

…with a few tasty morsals thrown in! Longer paragraph style text with bold on a cover block.

Find out about the Confetti Battle…
DOCA Devizes

Heading 2 – Title

Heading 3 – Date

Advanced CSS = greenback / MEDIA WIDTH 50 (RIGHT-HAND PANEL) / IMAGE LEFT & ALIGN MIDDLE (TOP TOOLBAR) Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris

Button text here..

Heading 2 – Title

Heading 3 – Date

Advanced CSS = pinkback / MEDIA WIDTH 35 (RIGHT-HAND PANEL) / IMAGE RIGHT & ALIGN MIDDLE (TOP TOOLBAR Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris

Button text here..
DOCA Devizes

Below = Latest Posts block showing posts from the Events Category & Featured Category (posts can belong to several categories).

Order items in the grid by dragging up/down in the POSTS DASHBOARD SCREEN (NOT here).

  • Dates for your Diary 2024
    Save the date for our next events
  • Devizes Carnival Parade
    Our biggest community event has been happening in Devizes for over 100 years!
  • International Street Festival
    Devizes’ streets come alive with world class street-theatre, outdoor art, music and more
  • DOCA Colour Rush 2023
    Come along and get pelted with paint!
  • Confetti Battle 2023
    Saturday 19th August 2023 / Devizes Market Place As far as we know, Devizes is the only town in the world that has a Confetti Battle tradition. No
  • Picnic in the Park
    Excerpt text here Excerpt text here Excerpt text here Excerpt text here Excerpt text here
  • Winter Festival
    Friday 24th November 2023 It was fantastic to see everyone’s wonderful creations for the Lantern Parade, Window Wanderland & Shambles Installation to this year’s theme of ‘Look to the Future’. The Lantern
  • Financial Trustee
    We are seeking a new Financial Trustee to join the DOCA family and help us to continue delivering exceptional outdoor arts events as we enter an exciting new
  • Festival of Winter Ales 2024
    Saturday 17th February 2024 :: Devizes Corn Exchange Cheers! Raise a glass and celebrate with us at Devizes Festival of Winter Ales 2024. In collaboration with Stealth Brew
This is a captions – it styles itself automatically so you don’t need to do anything.

Aligning & floating images

INLINE IMAGE (top toolbar > dropdown) sits on the same lines as the text – as you culd do in the Classic Editor. Not available for all types of block.

IMAGE WITH FLEXIBLE ALIGNMENT SETTINGS – This is a paragraph following a FLOAT LEFT image (top toolbar) & right PADDING of 22px (right panel)

IMAGE – NOT AS FLEXIBLE ALIGNMENT BUT HAS DUOTONE option (top toolbar)

MOST SPACING IS BUILT INTO THE STYLES but you can add extra add a gap between blocks occasionally if necessary. There is a SPACER BLOCK above and below this paragraph.


The lines above and below this text are Separators


DOCA logo

These paragraphs with a float left image are in a GROUP (top toolbar)

You can apply any DOCA Advanced CSS style to individual paragraphs – not just on Cover images – could end up looking a bit messy though.

Button with GENERAL ICON (right panel) Button with SOCIAL ICON (right panel)

Column 1 Heading

SET BACKGROUND COLOUR ON RIGHT PANEL Paragraph text Paragraph text Paragraph text Paragraph text Paragraph text Paragraph text Paragraph text Paragraph text Paragraph text Paragraph text Paragraph text Paragraph text Paragraph text Paragraph text Paragraph text Paragraph text

a;fjaskfjs kjfklasd fklsjkfljs; df

Street Festival group dressed in indian traditional costume

Column 2 Heading

Street Festival group dressed in indian traditional costume

Paragraph text Paragraph text Paragraph text Paragraph text Paragraph text Paragraph text Paragraph text Paragraph text Paragraph text Paragraph text Paragraph text Paragraph text Paragraph text Paragraph text Paragraph text Paragraph text Paragraph text Paragraph text Paragraph text

Column 3 Heading

Paragraph text Paragraph text Paragraph text Paragraph text Paragraph text Paragraph text Paragraph text Paragraph text Paragraph text Paragraph text Paragraph text

Street Festival group dressed in indian traditional costume

this is a quote

name/citation

PULLQUOTE Lovely quote from someone Lovely quote from someone Lovely quote from someone Lovely quote from someone Lovely quote from someone Lovely quote from someone Lovely quote from someone Lovely quote from someone Lovely quote from someone

Name (citation)

Numbered List

  1. afadsfsdfsda
  2. adfdsafdsafsd
  3. dsafdsfds