Grey area on top
Add a “top-of-page” class to the first group of the page to get this effect
Custom margins
- nomarginbottom: removes any predefined bottom margin { margin-bottom: 0 !important; }
- nomargintop: removes any predefined top margin { margin-top: 0 !important; }
- nomarginallaround: removes all predefined margins { margin: 0 !important; }
- nopaddingbottom: removes any predefined bottom padding { padding-bottom: 0 !important; }
- nopaddingtop: removes any predefined top padding{ padding-top: 0 !important; }
- nopaddingallaround: removes all predefined paddings { padding: 0 !important; }
Coloured bullet points
Add a “yellow-list” class to the list block in order to make the default bullet points yellow.
- Bullet 1
- Bullet 2
Bordered columns
Add a “bordered” class in the additional classes of the columns block, to get the yellow borders.
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry’s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry’s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry’s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.
Align center
Add “center” class in Advanced > Additional CSS classes to align an item centrally. This might be particularly useful for images.
Hide an element on mobile
Add “hidemobile” class in Advanced > Additional CSS classes to hide an element on mobile.
For example, this line will be hidden on mobile.
Remove hyperlink styling
in Advanced > Additional CSS classes to remove any styling from a link, including colour and underline. This is particularly useful when hyperlinking headings. For example:
Heading with link and default styling
Heading with link and linknodeco class
Remove bottom line in an accordion
Add “noline” in Advanced > Additional CSS classes in an accordion block to remove the bottom line. This is particularly useful when adding an accordion in a bordered column or in the programme details pattern.
Accordion content
Accordion content
Align social media icons column in prefooter area
When adding columns containing images of social media in prefooter area, add a “social-flex” class in the additional classes of the columns block, so as to align them.
Social media icons
