Working with the GoodNews Template
- 1. Getting Started
- 2. Editing the Menu
- 3. Editing the Header
- 4. Editing the Body Contents
1. Getting Started
1.1 Installationback to top
The sliders from the pack will then be listed individually:
The “Blank Demo Page” will then contain all the shortcodes in their respective order for the template’s “Slider Pack”:
2. Editing the MENUback to top
2.1 Changing the menu background colorback to top
Step 1: Select the “OVERLAYBG” Shape Layer and click on the “Eye” icon to show the background Layer.
Step 2: Navigate to Advance Styling and select the “Background” tab. Then change the “Background Color” to your preferred color.
Result: The main menu’s background color is now changed
2.2 Editing a Menu Linkback to top
Step 1: Select a menu item
3. Editing the Headerback to top
3.1 Changing the position of the text containerback to top
This template displays the contents in a Row/Column and the steps below will show you how to change the position of the container. In the following example, we’ll change the row’s alignment from bottom to center.
Step 1: Select the “Row” layer on the timeline
Step 2: Change the row’s alignment to top, bottom or center.
Result: The content is now aligned vertically to the middle of the slider
3.2 Allow the slider to change slides automaticallyback to top
Step 1: Set the “Stop Slider After” option to “Off” from the Slider Settings
Step 2: Visit the Slide Settings, and from “Main Background -> Source Settings”, set the “Loop Video” option to “Disable”.
- Quick Tip:
If you want the slider to navigate to the next slide after the video ends, set the "Next Slide On End" option to "On" as well
3.3 Adjusting the border around the slide's contentback to top
Step 1: Select the “Boxed” shape layer on the timeline and click on the “Eye” toggle to reveal the hidden “Shape Layer”
Step 2: Navigate to “Advanced Styles” > “Border” > Reduce/Increase the border values.
- Quick Tip:
Delete this layer if you wish to display the slider full screen.
Result: The content’s border styling is now changed
4. Editing the Body Contentsback to top
4.1 Changing the Column imagesback to top
Step 1: Select the image you would like to change:
Or select the image’s “Column” from the Layers Selector menu:
Step 2: Navigate to “Advanced Styles” > “Background” and change the background image to your liking.
4.2 Altering the Image Columns.back to top
The following steps show how a row of 3 images can be change to a row of 2 images.