Help
Searchβ¦
Dorik Helpdesk
π°
Getting Started
Getting Started with Dorik
π
Builder Starting Guide
Builder Basics
Setting Up Typography & Global Styles
Add New Section
Add New Rows and Columns Inside Section
Add New Element
π¨
Builder Guide
Common Styles
Section
Row / Container
Column
Elements
Title / Heading
Text / Pargraph
Image
Button
Icon
Icon with Text
Horizontal Line
HTML5 Video (Beta)
Subscription Form
Integrations
Advanced
Responsive Design
Hover Styles
Video Tutorials
βοΈ Site Settings & Integrations
Page Title, Description, Favicon
Site Export
Site Draft & Publish
URL & Domain Configuration
Custom Domain Configuration
π€
Account
Account Settings
Plans & Billing
π
General
Terms of Service
Privacy Policy
Template Resources & Credits
Hosting & CDN
Changelog
π
FAQs
How to transfer a project
β Back to Dashboard
β Back to Dorik.com
Powered By
GitBook
Icon
How to add icon in your website
Icon elements is to add icon in your design. Learn how to add and style icons in following video.
Open the editing modal of the
Icon
by clicking
General Tab
In general tab, Change the icon, icon color, size, backgrounds etc.
Icon
In Icon accordion. Search and select icon, change the color, icon size and alignment.
Icon Background
Add color and gradient background to
Icon
element. Learn more about
how to add background color and gradient
β
β
β
Icon LInk
Turn the icon to a clickable link. Enter your desired link / URL in
"Icon Link"
accordion.
Styles Tab
Common Styles used in styles tab. Control the settings in styles tab from
common styles
.
Margin & Padding (Spacing)
Border
Border Radius (Rounded Corner)
Box Shadow
Transform
Advanced Tab
Animation on Scroll
Hover Transition
Z-Index
Custom CSS
β
Previous
Button
Next
Icon with Text
Last modified
2yr ago
Copy link
Contents
General Tab
Icon
Icon Background
Icon LInk
Styles Tab
Advanced Tab