border: 3px solid black;
attribute to Custom CSS field, it will turn into a black frame with 3px weight:stk-image-figure
. We have a clientname_portrait
in our example. Be sure to change the name for a unique one width
and height
for your circle image width
— the width of the circle imageheight
— the height of the circle imageclientname_portrait
to the name that you've created in step 4. 35px
is the curve radius in pixels.border-radius
is circling in pixel and padding
is the indentation from the edge of the element.4px
is a border weight in pixel, solid
is a line type, and #fc0
is a color in a HEX format.-stk-m_r
is a right-side indentation in pixel, -stk-m_l
is a left-side indentation and stk-post.stk-theme_1111
is a style id. Replace 1111
with the id of your current style. You can find it in your browser address bar, opening your style in CDSM: https://editor.setka.io/12345/clients/67890/themes/[STYLE ID]/edit
vertical-lr
is a writing mode, lr
from left to right and rl
is from right to left.180deg
is a rotation angle in degrees. ?portrait=0
at the end of URL with ?background=true
height: 100%
custom CSS to the main grid of every badge. That way the height of every grid in the row will be equal to the height of their parent grid. In the interface it would look like this: