Tips & Snippets

How to hide the footer?

If you want to completely hide the site footer, click on the Gear Icon in the toolbar, select Design -> Theme -> Customize, and paste the following code into the Custom CSS area:

 .site-footer { display: none; } 

How to have other links on the page smoothly scroll to a specific slide?

You can have a link scroll smoothly to a specific slide by using the id of the slide as the target and adding the class "goto-slide" to the link:

<a class="goto-slide" href="#slide2">Go to next slide</a>

How to vary the height of slides?

You can set the default height of the slides via Page Attributes (for instance, 50% height). This will be the default height for all slides.

But you can also make a specific slide extend to full height (regardless of the default height) by applying the "full-height" custom class to that slide.

If you still need to set a different height for a specific slide, you can go to Design -> Customize, and paste the following code into the "Custom CSS" field:

#slide1 {
    min-height: 75%;
}

 You'll only need to replace the number of the slide (#slide1) and the height value (75%).

How to disable the drop-shadow effect?

If you want to disable the drop-shadow effect on all slides, click on the Gear Icon in the toolbar, select Design -> Theme -> Customize, and paste the following code into the Custom CSS area:

 .drop-shadow { display: none; } 

If you want to disable the drop-shadow on specific slides, click on the slide, select "Edit area design", click on the Gear Icon and choose the "no-shadow" custom class.