HTML Add Class Macro

Content Layer

name	Page Info
id	1430636829
class	watermark-layer

Content Column

background-color	transparent
name	Page Body
width	100.00002%85%
id	1430636831

Content Block

background-color	transparent
name	Prompt
rich-link-hovers	true
id	803166595

Careful! CSS can be tricky.

class	tight glossary-prompt-flex

Create

Content Block

name	Expanded Definition
rich-link-hovers	true
id	1431385377
class	titled def

This macro is used to create highly formatted content through the application of a CSS class to the enclosed content.This macro can be helpful for theming, but there are risks associated with using custom CSS.

Content Block

name	A Closer LookDefinition
rich-link-hovers	true
id	1097762051
class	titled closer	definition-block glossary-definition-flex

This macro allows you to add class name(s) to targeted HTML elements.

Ability to target

Set macro parameters to:

define HTML elements on the page to have using CSS applied
select one or more CSS classes to apply
selector
Ability to add CSS class names
Toggle loading of class(es) at the same time or after the toggle whether classes load with page or after page loads

content-block

Content Block

name	Dive InInfo
rich-link-hovers	true
id	802927065894573203
class	titled diveglossary-info-flex
collapsible	collapse

Info

If using:

Replace me with something to note about this concept that falls outside the scope of the Definition section; and
Add the tight-bottom class to the Definition block above to narrow the gap between the two blocks.

Content Layer

background-color	$lightGrayColor
name	Related
id	888168050

richlink-hoverstrueid802932259classtitled relatedImplementing macros

content-

Column

name

width

100%

id

888168051

Content Block

rich-links-hide-description	true
rich-links-hide-site-name	Marketingfalse
rich-link-hovers	true
id	802938143
class	titled marketing
collapsible	collapse

Content Block

name	Product Name
rich-link-hovers	true
id	802719015
class	titled product


rich-links-columns	4
rich-links-vertical	true
background-color	transparent
rich-links-image-height	100px
rich-links-hide-site-icon	true
rich-links-details-padding	10px
name	Related
rich-links-enable	true
rich-links-details-alignment	left
rich-links-margin	20px 30px 0 0
id	496234544
class	related-block clean glossary-related-flex

Theme Press

Page tree

Transform Your Digital Workplace

Industry Expertise

Inform Your Strategic Direction

Redefining Work

Documentation and Support

Versions Compared

Old Version 3

New Version Current

Key

Platform

Company

Support

Brikit Services