Firefly is a great choice for a designer or artist portfolio.
There are two sections (apart from the header and footer) on the homepage of the Firefly template. Follow the steps below to edit each of them.
Header
The header contains the logo/site title (1), menu (2), and social icons (3).
- To change the header layout, go to Header in the Design section. See how
- To add/change the logo or site title, go to Site Title & Logo in the Design section. See how
- To add/remove an item to/from the menu, go to the Website menu. See how
- To add/remove/edit social media links, go to Social Links from the Website section. See how
Now that you’ve started with this beautiful template, you’d have its demo pages in your menu.
To view or edit any of the pages, just click on it. Let’s begin with the ‘Home’ page.
- Go to the Site Menu.
- Click on Home (as shown in the image).
- This will bring you to the page editor for the ‘Home’ page.
First Section – Image List
- The first section of this homepage is an image list. You can add a list of the services you offer or a list of galleries.
- To edit the links, change the layout or replace the demo images, click on the Manage Image List button.
- To add a new item to your image list, click on the Add Item (1) button.
- To replace an image or edit an item, click on it (2).
- To duplicate an item, click on the copy icon (3).
- To delete an item from your image list, click on the delete icon (4).
- To change the layout or explore different layouts, click on the Layout tab (5).
- To edit the style and increase/decrease the number of columns, click on the Style tab (6).
- To edit/delete the headline, go to the Section Headline text box (7).
See how to edit an Image List section.
Second section – Headline
- The second section contains a headline. A headline can be used to add information about your business. Click on any text in this section to edit it.
See how to edit a Headline section.
Footer
- The footer contains the credits for your websites. You can add social icons (1), copyright text (2), and important links here.
See how to edit the footer.