Emily & William
Are getting married on 19th August 2019
Slider
Once Upon a Time

Please join us for our wedding ceremony on 19th August 2019.

When

Please arrive before 4:00 PM on 19th August 2019.

Who

Our dearest friends and family from all around the world.

Where

Fourth Avenue Ballroom, 47th Street, New York, United States.

Slider
He Proposed & She Said Yes!
Slider

23rd September 2015

Chapter 1: First Time We Met

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim.

1st October 2015

Chapter 2: Our First Date

Etiam ultricies nisi vel augue. Curabitur ullamcorper ultricies nisi. Nam eget dui. Etiam rhoncus. Maecenas tempus, tellus eget condimentum rhoncus, sem quam semper libero, sit amet adipiscing sem neque sed ipsum. Nam quam nunc, blandit vel, luctus pulvinar, hendrerit id, lorem. Maecenas nec odio et ante tincidunt tempus. Donec vitae sapien ut libero venenatis faucibus. Nullam quis ante. Etiam sit amet orci eget eros faucibus tincidunt. Duis leo.

17th July 2018

Chapter 3: He asked & she said yes

Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus. Phasellus viverra nulla ut metus varius laoreet. Quisque rutrum. Aenean imperdiet. Etiam ultricies nisi vel augue.

previous arrow
next arrow
Slider
Slider
Wedding Events

Information, timing, locations etc...

Location

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Aenean imperdiet.

Accomodations

Donec quam felis, ultricies nec, pretium quis, sem. Nulla consequat massa quis enim. Vivamus elementum semper nisi. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim.

Transportation

Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus. Phasellus viverra nulla ut metus varius laoreet. Quisque rutrum. Etiam ultricies nisi vel augue. Curabitur ullamcorper ultricies nisi.

Ceremony Begins

4:00PM

Cocktail Hour

5:30PM

Dinner Served

6:30PM

Open Dance Floor

8:00PM

Cake Served

9:00PM

Slider

Wedding Page

Premium: Gain access to all slider templates with a single purchase.

Minimum version: 3.3.18

Tags:

A wedding is a special event in everyone’s life. Creating a website where everyone can share the couple’s happiest moments is getting more and more popular. Special websites, like a wedding site deserve a beautiful look, like this Wedding Page template.

How to set up a showcase slider that looks and behaves like this template?

Showcase sliders have special responsive behavior. You can set a a size for the slider itself, and one for the slides inside. Thanks to this, you can control the amount of slides that will show up in your slider. For instance, if you set your slider size to be 1500px wide, you can make 3 500px wide slides appear with 0px slide distance. Being able to specify different slider and slide sizes creates many possibilities for your slider.

In this example, we took advantage of another great feature, the Maximum slider height. This setting prevents the slider from getting taller than the set size. We set it to 700px, the same as the height of the slider, which means as the slider gets wider, more slides will be visible. This setup is close to the best way to set up a showcase type slider.

Showcase sliders need a certain amount of slides to create a full carousel. Since this slider has only 3 slides, the last slide can’t appear on the left side of the first one. This creates an interesting effect, which is great for story telling.

How to create the Wedding Gallery layout?

The Wedding Gallery slider’s layout looks beautiful and unique. What makes it special is the row with the small images, which break out of their grid and cover a part of the big image on the left. Creating this layout is quite simple.

Create a row with two columns.

  1. Put an image layer on each column and select the image you want to display.
  2. Remove the paddings from the columns and row. (Press and hold the Shift key to adjust the paddings on the opposite sides, too.)
  3. Select the row and add a top margin on it. This slider has 20px top margin.
  4. Give a negative left margin to the row. This slider has -80px left margin.

Here’s a video that shows how it’s done:


Related Post: How to Create Beautiful WordPress Landing Pages That Convert

Related Post: Why do You Need a Video Slider on Your Website?

Related Post: Use the Popular Ken Burns Effect on your Slider


Similar Sliders -

HealthcareMuseum website landing pageConference GroupOrion Page Group