Theme element 

 

One topic contains several adaptable elements. You can personally configure these theme elements to design and manage the presence of your high argument vanilla (vanilla) societal pages.

Before we start …

Outside the box, the last theme Vanilla, Foundation, provides an excellent mobile experience, on your behalf without the need for custom CSS.

Look at the Cloudflare image to find out how images are automatically scaled for the most appropriate size, on the basis of the device that some are used on (phone, tablet or desktop).

If more granular control is required, the foundation provides the underlying equipment that allows you to specify a specific responsible fracture point for some theme images.

Manage a theme

You can edit the elements of a theme in the theme Editor, available in the dashboard.

Sunset Theme: Navigate Settings> Theme, and then click the Copy for the theme you want to customize.

📝 Note: If you are planning to switch to the basis with Sunset (or Heritage) theme, we recommend reviewing this article.

Foundation Theme: Navigate the look> Style Guide, and then click the copy for the theme you want to customize.Theme element observation

 

Example of theme element

Header

The heading is at the top of the site. This should match your brand, and your brand is a great place for links, such as contact us and about information, keep this information separated from your social navigation.

The heading is not necessary for all community pages, but it is available when needed.

✔ Tip: In the theme editing program, click the Heading and CSS tab to customize the heading with the HTML/CSS code.

title

The title line is under the heading; This shows all your vanilla pages. Use it for the vanilla society navigation and general application components.

📝 Note: Some societal sites feel that only a title line (without header) is ideal.

Learn how to add branding and navigation to the title bar:

Banner

The banner appears on many of your pages. It has an adaptable search box and adjusts a large image to view your brand. You can enter a standard background color and activate responsible breakpoints to ensure the best reproduction on different devices (desktop machines, tablets, smartphones).

 

Main material

The main material element appears on all your pages. This is the place where the user is wholesale for interaction with your vanilla community. The content of this section varies depending on the current page.

You can customize the main material element:

Configure global styles

Using the theme variables in advanced settings

Soccer

The foot appears at the bottom of each side. It can be used for something more than the copyright warning or the subject-specific columns with links to important documentation, online resources and social media sites.

✔ Tip: In the Temeder, click the foot and CSS tab to customize the foot with the HTML/CSS code.