# Custom CSS Source: https://docs.leaderos.net/appearance/css Customize the website design by using custom CSS code. You can customize the website design by using custom CSS code on **Dashboard > Theme > CSS** page Image # Footer Source: https://docs.leaderos.net/appearance/footer Customize the footer of your website to navigate your users easily. ### How can I add a link to the footer? 1. Go to Dashboard > Appearance > Footer Menu. Then click the "Add New Element" button. 2. To add a page link to your footer, you can choose a preset from the Page Type field. 3. Otherwise, you can add a custom link to your footer by selecting the Custom Page option and declaring a title with a link to the redirecting page. Also, you can choose an icon from the icon picker. **Here are the fields you can fill in:** * **Page Type:** Choose a preset from the dropdown list. * **Title:** The title of the link. * **Icon:** Choose an icon from the icon picker. * **Link:** The URL of the page. * **Tab Status:** Choose whether the link should open in a new tab or not. Image ### How can I change the order of the footer links? You can move the added elements to the desired order by dragging and dropping them. Newly added elements are automatically added at the end. If you want to move into a block, you should grab the element you want to move and drop it below and slightly to the right of the block you want. Image # Header Source: https://docs.leaderos.net/appearance/header Customize the header of your website to navigate your users easily. ### How can I add a link to the header? 1. Go to Dashboard > Appearance > Header Menu. Then click the "Add New Element" button. 2. To add a page link to your header, you can choose a preset from the Page Type field. 3. Otherwise, you can add a custom link to your header by selecting the Custom Page option and declaring a title with a link to the redirecting page. Also, you can choose an icon from the icon picker. **Here are the fields you can fill in:** * **Page Type:** Choose a preset from the dropdown list. * **Title:** The title of the link. * **Icon:** Choose an icon from the icon picker. * **Link:** The URL of the page. * **Tab Status:** Choose whether the link should open in a new tab or not. Image ### How can I add a dropdown to the Header? You can drag and drop the header link that you want it to be on the dropdown section of the main Header link. You can add multiple links to the dropdown section. Image Image # Install Theme Source: https://docs.leaderos.net/appearance/install-theme You can install your existing themes from Dashboard > Themes. Once you have purchased a theme, you can install it by clicking the **"Install"** button on the `Dashboard > Themes` page. When a new theme update is released, a warning screen will appear on the Dashboard page. You can update by clicking the button on this warning. To turn off update notifications, go to `Dashboard > Settings > System` Image # Theme Editor Source: https://docs.leaderos.net/appearance/theme-editor Learn how to customize the website design using the Theme Editor. ### What is the LeaderOS Theme Editor? The LeaderOS Theme Editor is an advanced web-based theme editing tool designed to streamline and simplify the customization process of your LeaderOS theme. Uniquely engineered to allow for swift modifications without the need for connecting via FTP, this editor stands out for its user-friendly approach to website design. Its interface draws inspiration from the renowned Visual Studio Code, offering a familiar yet powerful environment for both novice and seasoned developers alike. With the LeaderOS Theme Editor, transforming the aesthetic and functionality of your site becomes a seamless and efficient process, encapsulating a coding experience that mirrors professional development platforms. Image ### How to access the Theme Editor? Navigate to **Dashboard > Appearance** > **Theme Editor** to access the LeaderOS Theme Editor. # Theme Settings Source: https://docs.leaderos.net/appearance/theme-settings Customize your theme with the settings provided by the theme. Each theme has its own setting. You can edit these settings from the **Theme > Settings** page. Image # Configuring DNS Source: https://docs.leaderos.net/configuring-dns Learn how to configure DNS for your domain to use LeaderOS. Before, installing LeaderOS, you need to configure your domain to use LeaderOS. This is done by configuring the DNS records for your domain. We are recommending to use Cloudflare as a DNS provider. ### CloudFlare Benefits * **Security**: Cloudflare provides protection against DDoS attacks, SQL injection, and other threats. * **Performance**: Cloudflare uses a global network of servers to cache and deliver content faster. * **Reliability**: Cloudflare network is designed to be highly available and resilient. * **Analytics**: Cloudflare provides detailed analytics on your website's traffic and performance. * **Free SSL**: Cloudflare offers free SSL certificates to secure your website. * **DNS Management**: Cloudflare provides a user-friendly interface for managing your DNS records. ### Configuring DNS with Cloudflare Cloudflare is a popular DNS provider that offers a range of services to help secure and optimize your website. To configure your domain with Cloudflare, follow these steps: Navigate to the Cloudflare website and click on the [Sign Up](https://dash.cloudflare.com/sign-up) button to create a new account. Enter your email address and create a password to complete the sign-up process. After registering, use the **"Add a Site"** option to add your domain name to Cloudflare. Follow the instructions on the screen to input your domain into the system. You will need to change the DNS delegation by updating the nameserver (NS) records at the firm where your domain is registered, to the nameserver addresses provided by Cloudflare. Enter these nameserver addresses in the relevant section of your domain management panel and save the changes. Once the nameservers have been updated, you can configure the DNS records for your domain in the Cloudflare dashboard. Add the necessary records for your domain, such as A, CNAME, and MX records, to point to the correct IP addresses and services. To use LeaderOS, you will need to add an A record for your domain that points to the IP address of your LeaderOS server. You can also add a CNAME record for the 'www' subdomain if you want to redirect traffic from '[www.yourdomain.com](http://www.yourdomain.com)' to 'yourdomain.com'. You can find out the **LeaderOS Web Hosting IP** address at **leaderos.net > Web Hosting > Manage (blue gear icon)** **Example for root domain (yourdomain.com):** * **Type**: A * **Name**: @ * **Value**: Web Hosting IP Address **Example for www ([www.yourdomain.com](http://www.yourdomain.com)):** * **Type**: A * **Name**: www * **Value**: Web Hosting IP Address **Example for subdomain (store.yourdomain.com):** * **Type**: A * **Name**: store * **Value**: Web Hosting IP Address After completing all steps, go to your Cloudflare account and ensure that your domain's status is shown as 'Active'. This indicates that Cloudflare is successfully managing your domain and can now securely and efficiently route traffic. ### Video Tutorial