CivicTheme
Search
K

Homepage

Summary

A site's homepage is an important feature for every site.
This article will show you how to edit the homepage (and other landing-style pages) of your CivicTheme website.

Step 1 - Edit the homepage

Once logged in, go to the homepage and click on the “Edit” button just below the banner as shown below.
In the editorial interface you will notice there are 2 tabs: “Content” and “Banner”.

Step 2 - The “Content” tab

Under the “Content” tab, you can edit various fields. Below you can see the highlighting and numbering that we'll use to explain the fields.
  1. 1.
    Title - This is the title text that appears at the top of the page.
  2. 2.
    Summary text - This text appears in teasers: cards and lists.
  3. 3.
    Show Table of Contents - If this box is checked, then any H2 HTML tags will be linked to in a tabular format. This is great for readability as it allows your site visitors to easily jump to sections further down the page.
We have added 3 example components. These are #4, #5, and #6 from the screenshot under the Content tab heading above. Below you can see the final output of these components.
7. Click on the "Add to components" dropdown to add more components.
Please see the documentation page explaining each of these components in more detail.

Step 3 - The “Banner” tab

The “Banner” tab allows you to edit any information in the banner section (this is the section above the “Edit” button).
Please note that these are per-page overrides of a site-wide banner and they do not need to be updated on every page if the site-wide banner configuration is sufficient.
The available fields are shown below. We have numbered the fields and explained each.
  1. 1.
    Banner type - You can specify the size of the banner here with choices of Inherit, Default or Large.
  2. 2.
    Banner theme - You can specify the theme colour. “Inherit” will inherit the value defined for your custom banner block, which you can find at [your_domain]/admin/structure/block/block-content.
  3. 3.
    Banner title - You can override the page title here.
  4. 4.
    Hide breadcrumb - If your homepage has a breadcrumb, checking this box will hide it. Typically, homepages do not have breadcrumbs so toggling this checkbox may not have any effect on your homepage.
  5. 5.
    Background image - As the name suggests, this updates the background image in the banner area.
  6. 6.
    Featured image - You can add a featured image on the right side of your banner block (see below).\
7. Content component - This is an example component added for illustration purposes. There are many other components to choose from. Components added here are presented in the area shown below.
8. Manual list component - This is another example of a component. Components added to the “Banner bottom components” appear under the banner as shown below.