Repeating background panels

Quam dolor taciti adipiscing nostra finibus ante. Dapibus nunc viverra ipsum sit pretium cras odio phasellus congue ultrices. Maximus accumsan aptent auctor pharetra dapibus ultricies.

Background panel title

Duis elit tristique integer fusce lacus. Consectetuer nascetur ex blandit congue pede a et letius nullam ut. Egestas euismod litora eget ut suspendisse quisque pellentesque nisl eu rhoncus.

Standard content
LRC Mastheadjpg

Background panel title

Faucibus ad dolor quisque orci dis suscipit class torquent sed felis. Integer vel maximus eget ornare imperdiet porta. Metus malesuada finibus erat natoque conubia sollicitudin cursus. Mattis non porttitor quis venenatis nulla ornare pede lorem erat nam.

Temp

Background panel title

Pharetra bibendum tempor nam fusce ultricies mauris sodales fames lectus mi. Tellus arcu venenatis fames est bibendum viverra lobortis et consectetur tortor. Bibendum phasellus odio mus mattis sollicitudin condimentum porttitor dui enim ultricies natoque. Sociosqu nulla felis mi nam condimentum id augue curae nunc vulputate.

Standard content

Content Instruction

Title - optional free text

Text - optional RTE content

Panels - add repeating panels

  • Title - optional
  • Image - optional
  • Content - optional
  • Link - optional

The panel defaults to a blue background if you do not use an image. You can also use the settings to change the background colour of the individual panels.

You can also add an image to the panel. Be aware though that the text may be difficult to read on a photographic image. The text is always white regardless of the background colour.

Number per row - if you don't provide a number then it starts to wrap at 5. However, if you add a number the minimum is 3 so, if you have 5 panels, you'll get 3 on one row and 2 on the next.

Settings Instruction

Hidden toggle: shows/hides block

Background colour: Adds a background colour to the whole block

Navigation title/Anchor: creates an anchor link that you can use to link to from a navigation object e.g. url#anchorlink

CSSClass: you'll not need to use this

Remove gap: Remove the top padding from the block so it sits tight to the preceding block.