Global Style
Global Styles Basics
Getting Started Global Styles lets you set default styles and parameters for your entire site. The features in Global Styles enhance users’ control over site aesthetics and layouts. With this feature, a user can:- Set the default background color Set Body/Paragraph typographies Change the heading typography Tune the container width and default column gap Set link colors Finding the Global Style feature Click on the Global Styles optSome readersFonts | Global Styles
Getting Started You can use various kinds of fonts on your website. There are mainly three types of fonts that you can use: Google Fonts, Custom Fonts, and Typekit Fonts. You will find the option to set or upload your fonts by going to Global Styles> Fonts Finding the Fonts Option To find the feature, click on the Global Styles option from left panel of the site dashboard, then navigate to Fonts. Follow the steps in the Screenshot & GIF below:  on the left-hand panel of the website dasFew readersPost Pagination Settings
Getting Started Post pagination settings let you select the number of Blog posts in a particular section. You can set the number of posts that will load or appear initially when a person visits that section on your site. You can add a Load More button or make your posts slide horizontally. Post Pagination Settings 💡 In your CMS Row, you can set the number of items you want to display using the Items Per Page option from the pagination settings, as shown in the **pictureFew readers
Classic
This section contains no articles.
Builder Basic
Getting Started The Dorik website builder is your go-to toolkit for the perfect website presence. From AI capabilities to pre-built UI blocks, drag-and-drop functionality, diverse website elements, and seamless integrations, Dorik offers advanced tools for website customization without any hassle. Builder Interface Within the site editor, there are three primary editorial models: the top navigation, the sidebar, and the main website interface. The main website interface is visible lPopularSection, Container and Element
Getting Started Sections and containers are like the building blocks of a website, and elements are the main parts. This article will explain everything about sections, containers, and elements in simple terms. Section Sections are the main base block of building anything. Sections contain all other containers and elements inside them. A section needs to be added first to make any design. Here is how you can add a new section:  on all devices and screen sizes by automatically adapting to the screen based on its content. Whether it’s a desktop, laptop, tablet, or smartphone, the arrangement will be stable and standard. On your builder, every component is almost automatically responsive, yet you can adjust or change them according to your preference on different devices. Adjusting ResponsivSome readersPages
Getting Started The Pages option on your builder lets you make changes to your existing pages, hover and view those pages, and add new pages. In this article, you will learn how to use these settings for your website. How to add a new page To add a new page to your website, follow the steps given below: Once you are in your site dashboard, click on 📑 Pages from the left panel. After clicking Pages, a sidebar will appear To add a new page, press + icon labelled asFew readersUpdate favicon and social media image
Updating Favicon and Social Media Image To update your site’s favicon and how it will look on any social media from your builder, follow the steps given below: Go to Site Settings Expand the Favicon and Social Media Image option Update your preferred settings Click on Publish Below are the above steps visualized ⬇️ Go to Site Settings  on the left panel of your site dashboard. You wiFew readersSave, Preview, and Publish
Getting Started Saving, Previewing, and Publishing are three features with separate functionalities. Saving lets you save your work in progress without publishing it to the site. Preview takes you to your website and lets you view it externally. Save, Preview, and Publish When you are on the builder, always remember to save your work. To save and publish your website, you should press the Save and Publish buttons, respectively. | Saving and Publishing are different features. OnFew readersPage Settings
Getting Started In this article, you will learn about where you will get the Page Settings and its edit options. Page settings here is where you will find the Page Settings option — Go to your website builder. Click on Wrench(🔧) icon labeled as Page settings from the top left corner of your site dashboard. Refer to the Image below — Page Settings Editor Modal **PaFew readersSave as Symbol
Getting Started Saving an element, row, column, container, or section on your website as a Symbol allows you to use that same item on other pages of the same website. This article will cover the steps and how Saving as a Symbol works on your CMS Site. Saving and Unlinking as a Symbol To save something as a Symbol on your site, follow the steps below: Hover over the edit tab on any element, row, column, container, or section on your website Right-click on itFew readersHow to update SEO Meta?
Getting Started This article will cover how you can update the SEO meta of your webpage. This feature falls under the Page Meta tab under the Page Settings option. Refer to the link below to learn more about Page Settings: Page Settings Update SEO Meta To update your webpage’s SEO meta from your builder, refer to the steps below: Click on the Wrench(🔧) icon labeled as Page Settings on the top nav of your site dashboard.Few readersChanging Site Language
Getting Started This article will feature all the steps required for you to change your site’s language. Follow the steps in this article accordingly to use this setting. What is Site Settings? To know about Site Settings features, refer to the documentation below: ↗️ Site Settings Changing Site Language Follow the steps given below to change your site’s language: Go to Site Settings(⚙️) from the left panel of the site dashboardFew readersAdding New Rows and Columns inside a Section
Getting Started You can add new rows and columns inside a section of your website to achieve the website design you are looking for. This article will cover how you can add new rows and columns inside a section of your website. Add New Columns inside any section You can add a new column inside a section of your website by clicking on the + icon over the existing column; here is what it looks like:  Click on the Page Meta tab Expand the `Social MeFew readersChanging page language | Page Settings
Getting Started In this article, you will learn how to change Page language under Page settings. To know the process, follow the instructions below. Page Settings Page Settings let you set important things that your page can have. To learn the details about page settings, refer to the article below — ↗️ Page Settings Change your page language ➡️ Go to Page Settings (🔧) from the top nav of your site dashboard ➡️ From theFew readersMedia Library
Getting Started This guide will help you start using the Media Library, where you store all your site's images and videos. Learn how to upload files or generate images with AI to easily manage and add media to your website. How to access the Media Library? Click on the Media Library icon in the left panel of the site dashboard. A modal will open, as shown below 👇🏼  menu onFew readersResponsive Column Stacking
Getting Started This article will cover how you can enable responsive column stacking on a row and also adjust the column sizes on different devices. Follow all the instructions given in the sections below. How to use Responsive Column Stacking Follow the steps below to use responsive column stacking on a row: Click on any row and press Edit In the Row/Container option, enable the Reverse Column Stacking (Responsive) setting. Refer to the GIF below to know how toFew readersSidebar and Modal Editor
Getting Started This article will cover the aspects of two types of editors in your builder. Follow all the instructions and steps in this article to learn more about using Sidebar and Modal Editor. Sidebar Editor When you click on any component to Edit it, the sidebar will come up; if not, then the Modal editor will come up. You can shift from Modal to Sidebar through the following steps: Refer to the GIF below to see how to switch from Modal to Sidebar ⬇️  Add a new element and populate it with Data from Posts or Custom Collections. Click on the + icon on the element, anFew readersNested Page (Sub Page)
Getting Started Nested pages, like subpages, help you organize your website pages neatly. It makes easier for people to add pages under another webpage. Learn how to use them in our this article for a website. How to Find the Nested Page Option? Go to Pages (📄) on the left panel of your site dashboard. Hover over the webpages and click the three dots next to the **pageFew readersBuilder device types
Getting Started The Builder has three device types. You can preview what your site would look like on these devices as you click on them and make changes accordingly for each device type. Builder Device Types Desktop Size : 100%, default container: 1140px Tab Size : 768px to 1024px Mobile Size : 420px Related articles [Hide Components/Elements on DiffFew readersLoad More and Next Prev buttons
Getting Started Load More and Next Previous buttons are used to navigate or load more items in a section in your website where you showcase CMS items after populating them into any element. This article will cover the topic in detail. ‘Load More’ and ‘Next Previous’ Buttons Add Load More button 1️⃣ Load More: To add this button, select the Load More option from Button Type.Few readersAdd Video Slider
Getting Started The Video Slider element allows you to add multiple videos in a sliding carousel format on your website. Visitors can navigate through the videos horizontally. You can configure the player, adjust the size, style captions, and customize the slider’s appearance. This article will guide you through all the options available in the Video Slider element. Adding the Video Slider Element Follow the steps below to add a Video Slider to your site: Click the + buttFew readers