Customize the interface including layout, colors, fonts, … so that the website has its own style. These are also common customizations on any interface. In this article, I will guide you to customize the Flatesome interface. Most of the other interfaces have almost the same customization.
Customize Flatsome interface
Custom color
Color is very important of the website, next to the logo. This is the main color of the business, helping customers easily identify the business brand. Like thegioididong, the characteristic color is black gold.
To customize the color, go to Customize Style in the Flatsome interface. Then go to the Colors menu .
Then, you edit the colors for the website including Primary Color as the main color on the website. Secondary Color is a secondary color, appearing somewhere depending on the interface. There are also some other colors such as text color, notification color, link color, etc.
Did you notice, my 2 Admin and Cart buttons have changed to green already.
Choose Font
Next you edit the font for the website, located in the menu Style > Typography . Fonts on the web should usually use common fonts that are easy to read, especially without broken fonts. The font I often use on websites is Roboto .
You adjust the font for Headlines to be the heading content in the <h1> <h2> <h3> <h4> <h5> … tags and the common font throughout the Base page .
Edit Layout
Next you edit the Layout, which is the layout of the website.
- Layout Mode : use the website layout in any form. Often websites today use Full Width , so that when displayed on screens, elements such as header and footer will spread across the entire page, but the content still centered in the middle will be more beautiful. If you choose Boxed or Framed , the website will be gathered in the middle, surrounded by a single color chosen by you.
- You can edit the Site Content Width to be the content width of the page to your liking.
Scroll down to adjust other options such as Background Color or Background Image , only effective when you choose Layout as Boxed or Framed.
And Content Color and Content Background is to edit the color or background image for the content of the website, it works on every Layout.
summary
The above are the ones that you often encounter on most wordpress themes. Customize the interface to your liking to make your website more beautiful and bring your own color to your brand.
