Compass is a great choice for a wedding or event photographer. You would have a banner/slider that fills up the web page and can showcase your portfolio or services in the sections below.
Now that you’ve started with this beautiful theme, 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.
There are six sections (apart from the header and footer) in the demo homepage of the Baseline theme. Follow the steps below to edit each of them.
- Header
- First section – Banner
- Second section – Image List
- Third section – Image List
- Fourth section – Headline
- Pre footer
- Footer
Header
The header contains the logo/site title (1), menu (2), social icons (3) and a menu button (4).
- 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 theWebsite section. See how
- To add/remove/edit the menu button, go to Header in the Design section. See how
First section – Banner
The first section contains a banner. To replace the demo images with your own and explore banner styles, click on the Manage Banner button.
- To add a new image slide, click on the Add Slides (1) button.
- To replace an image, set its focal point or edit the text and buttons on the slide, click on the edit icon (2).
- To delete a slide, click on the delete icon (3).
- To explore style options, click on the Style (4) tab.
- To explore the layout option, click on the layout (5) tab.
Click here to see how to edit a Banner section.
Second section – Image List
The third section contains 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).
Click here to see how to edit an Image List section.
Third section – Image List
The third section contains 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 (7).
Click here to see how to edit an Image List section.
Fifth 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.
Click here to see how to edit a Headline section.
Sixth section – Blog feed
The sixth section contains a blog feed. Here, you can show your blog feed.
Click here to see how to edit a blog feed.
Prefooter
To display a certain section (e.g. Instagram feed) at the bottom of all the pages or selected pages in your website, you can use a prefooter.
You can edit the prefooter here. In this theme, there is an Instagram section in the prefooter.
- See how to edit a newsletter section.
- See how to edit a social section and display your own Instagram feed.
- See how to edit the prefooter.
Footer
The footer contains the credits for your websites. You can add social icons (1), a copyright text (2) and important links here.
Click here to see how to edit the footer.