Background Styles
Add color, gradient and image backgrounds to section, row, columns and elements.Some readersCustom CSS
Getting Started You can customize the style of any section, container, or element using the Custom CSS feature. This article provides an introduction to this feature and guides you through its use. How to Access the Custom CSS Option? To access it, open the editorial modal of the section/container/row/column/element. Click on the Advanced tab, and scroll down to find the Custom CSS option. Click on the Edit(📝) option of any section/container/row/column/element. AnSome readersHow to add Animation
Learn how to add animation in components.Some readersHow to control Z-index
Getting Started This article covers how you can use and control Z-Index on your website. Follow the instructions accordingly. Controlling Z-Index To control Z-Index, follow the steps given below: Select any row, column, element, or section in your builder to edit it Go to Advanced Expand the Visibility and Position option Find the option to control the Z-Index value Refer to the GIF below: (https://storage.crisp.chat/users/helpdesk/website/cf1fc9cFew readersHover Transition
Change the transition speed of hoverFew readersHover Styles
Learn how to change styles on hover on DorikFew readersMargin & Padding (Spacing)
How to add margin and padding in section, row, column and element on DorikFew readersBorder
Border Styles Open the editing modal of the component by clicking "Edit Icon" then go to "Styles" tab. Then expand the "Border" accordion. Add border in left right bottom top side of any component.Few readersBorder Radius (Rounded Corner)
Learn how to add border-radius / rounded corner to any componentFew readersBox Shadow
Add outer and inner shadow to any component on Dorik Website BuilderFew readersCSS Transform
Learn how to Rotate, Scale, Translate, and Skew components in Dorik BuilderFew readers