Comment on page

Component examples

Quote between dividers
<hr class="stk-theme_3883__separator_basic_divider">
<p class="my-large-quote">
 Quote text
</p>
<hr class="stk-theme_3883__separator_basic_divider">
    
Nested containers
   <div class="stk-container my-outer-block" data-ce-tag="container">
<div class="stk-container my-inner-block" data-ce-tag="container">
   <p>Text inside container</p> 
 </div>
</div>
Grid with side and main columns
<div class="stk-grid" data-ce-tag="grid">
 <div class="stk-grid-col" data-ce-tag="grid-col" data-col-width="2">
   <p class="stk-theme_3883__style_small_text">
     Small text in side column
   </p>
 </div>
 <div class="stk-grid-col" data-ce-tag="grid-col" data-col-width="4">
   <p>
     Text in main column
   </p>
 </div>
</div>
Learn how to add a component while editing a post in Setka Post Editor:
Components – reusable design elements
​

CSS in components

Configuring layout grids

Last modified 2yr ago