Custom styles are prefixed with "b-" to distinguish them from the main styles and avoid confusion or conflicts (b, as in blog). You can Custom styles add by wrapping text with class names in brackets. You have to publish to see these styles take place. Example: [.classname] your text here [.classname]
Note: the Table of contents element will automatically be added before the first h2 of your article and will be automatically populated with your article's headings, so there is no extra effort needed from your side
.b-related-article
Link to a related article. Write the title, select the text, turn to a link, and wrap it with the class. You can only change the title text The text above the title and the arrow are added through custom CSS in the Blog Article CSS component.
Important announcement block. You can edit the main text of the card. But you also have the option to change the tag by adding it in the next line with the "attribute brackets" ( [$attribute-name] ), like this:
[.b-important-block]Even as a desktop app, awork remains a web-based tool. Therefore, you can only use the app with a working internet...[.b-important-block]
[$tag]🚨 Important[$tag]
Even as a desktop app, awork remains a web-based tool. Therefore, you can only use the app with a working internet...
Special elements are styled similarly to the custom styles, but since they are more complex elements, you provide the properties and they are injected into the element when you publish. [.classname] your text here [.classname]
.b-testimonial
Add the main quote by writing it between the .b-testimonial bracket sets, then add the image right after the element, with the caption being the author's name and role separated by a comma, like this:
[.b-testimonial]The bear-strong Panda update is here, bringing one of the most frequently requested features to life: a new task level, or more precisely, real subtasks.[.b-testimonial]
Dorte, Talent Acquisition Lead
and it will be transformed to this:
Dorte
Talent Acquisition Lead
The bear-strong Panda update is here, bringing one of the most frequently requested features to life: a new task level, or more precisely, real subtasks.
If you don't want the image to be huge in the editor, go to the settings of the image (wrench icon, go to size, then set it to HiDPI or custom to make it smaller)
.b-stats
Add the main text by writing it between the .b-stats brackets, then add the percentage, link, and image right after the element (in that order), like this:
[.b-stats]of US citizens would stop consuming from a business after it experienced a cybersecurity breach[.b-stats]
If you don't want the image to be huge in the editor, go to the settings of the image (wrench icon, go to size, then set it to HiDPI or custom to make it smaller)
.b-important-block
Important announcement block. You can edit the main text of the card. But you also have the option to change the tag by adding it in the next line with the "attribute brackets" ( [$attribute-name] ), like this:
[.b-important-block]Even as a desktop app, awork remains a web-based tool. Therefore, you can only use the app with a working internet...[.b-important-block]
[$tag]🚨 Important[$tag]
Even as a desktop app, awork remains a web-based tool. Therefore, you can only use the app with a working internet...
