Free delivery when you spend over £100

Next day delivery available

Free Click & Collect from 30 minutes

Available from our network of over 40 branches

Our customers love us

Utility Classes for Pagebuilder

Below is a list of all utility classes. You can use them by adding them to pagebuilder elements by clicking the cog icon and filling out "CSS Classes", be sure to put a space between each class. You won't need to add these yourself unless you're creating a page from scratch, as they have been added to the reusable starter template.

Padding

  • padding-sm
  • padding-sm-left
  • padding-sm-right
  • padding-sm-bottom
  • padding-sm-top
  • padding-md
  • padding-md-left
  • padding-md-right
  • padding-md-bottom
  • padding-md-top
  • padding-lg
  • padding-lg-left
  • padding-lg-right
  • padding-lg-bottom
  • padding-lg-top
  • padding-xlg
  • padding-xlg-left
  • padding-xlg-right
  • padding-xlg-bottom
  • padding-xlg-top

Margin

  • margin-sm
  • margin-sm-left
  • margin-sm-right
  • margin-sm-bottom
  • margin-sm-top
  • margin-md
  • margin-md-left
  • margin-md-right
  • margin-md-bottom
  • margin-md-top
  • margin-lg
  • margin-lg-left
  • margin-lg-right
  • margin-lg-bottom
  • margin-lg-top
  • margin-xlg
  • margin-xlg-left
  • margin-xlg-right
  • margin-xlg-bottom
  • margin-xlg-top

Widths and Alignment

  • width-50 (50% width)
  • width-75 (75% width)
  • width-90 (90% width)
  • width-100 (100% width)
  • width-50m (50% width on mobile)
  • width-75m (75% width on mobile)
  • width-90m (90% width on mobile)
  • width-100m (100% width on mobile)
  • center-horizontal (center,  used with widths)
  • align-to-right (right align, used with widths)
  • align-to-left (left align, used with widths)

Misc

  • box-shadow (adds a box-shadow)
  • bordered-title (adds a border/spacing to title)
  • no-wrap (prevents row from going onto new line)
  • mobile-hidden (hide on mobile)
  • desktop-hidden (hide on desktop)
  • no-background (removes background colours/images)