Creating a Custom Theme for your own Website
Your website is unique, and its design should reflect your brand, style, and preferences.
When it comes to personalising your own website it's a real asset having ready made features that can be applied or changed with a few clicks to personalise the website theme.
In this guide, we'll walk you through various customisation options that empower you to style your website theme.
From page width and menubar styles, body and text colors, and background images, let's dive into the applications that will make the process easier for you to achieve the look and feel that you want!
1. Page Width
One of the steps in crafting your website's look and feel is to determine the page width.
The page width can be changed from narrow to wide page with a single click.
This is particularly handy when you're setting up the website as it allows you to compare the different look and feel of the pages until you decide on your preference.
The wide page covers the full width of larger screens such as PCs and laptops.
The narrow page is centered on the screen with blank space on either side.
On smaller devices all pages will fit the full width of the screen.
2. Body and Text Colours
Selecting the right body and text color scheme is one of the essential factors for setting the tone of your website, and the impression that you would like to portray.
The current trend is to have generous white space in the page body, but you can experiment with different colours.
There is a comprehensive colour palette with the full array of basic colours, a custom colour picker, or a field where you can enter your own code if you choose.
You can also select to have a transparent body which is explained further down in Screen Background.
3. Menubar
The Standard Menubar
The Standard menubar is a simplistic single bar and only includes your menu links and the ability to show your website's Name or Logo, or neither.
This menubar remains fixed to the page top when you scroll up or down the page
The Combo Menubar
The Combo menubar ia comprised of the Standard menubar with and additional bar above it.
In the top bar you can show your website's Name or Logo, include a Phone Number, apply icon links to your Social Media profiles, and show your Slogan.
The top bar moves off the screen when you scroll while the standard bar remains fixed.
4. Menubar and Footer Colors
The Menubar and Footer take on the same colour.
The colouring process is the same as the body colouring process explained above in point 2.
The top bar can be styled with a different colour via the Global Styles CSS section
5. Screen Background
The screen background can be a colour or an image.
The background effect is visible in two instances:
1. On the screen on either side of narrow pages
2. Behind the page body content if you apply 'transparent' to the body.
6. Global Styles
Global Styles offer pre-set styles as well as CSS customisation.
Here you can apply various shadow shades to your headings, and apply curved, square or rounded corners to your buttons.
You can also link to external styles such as Google fonts, and if you have a bit of CSS know how you can apply your own styles.
Conclusion: The customisation options outlined in this guide provide you with the tools needed to bring your unique vision to life.
The process of designing your website is an exciting journey of self-expression and creativity.
Whether you're aiming for a sleek and modern aesthetic or a vibrant and eclectic vibe, the power to design a standout website is at your fingertips.
Explore a bit, experiment a bit, and watch your website come to life!
Themes and global styles are accessed via your Application panel and apply to all pages.
If you want to apply styles to individual elements on a page then you can do that in the page editor
