Adding Full-width Image Slider on a Page Page Using Slider Element

1. Go to your site's wp-admin >> Pages >> Add New.

2. Click the "Add Element" button.

3. Choose the second style of slider and configure the element. Hit insert when done.

4. Navigate to the text editor tab and copy the slider element shortcode. image1.jpg

5. Go to your landing page then click the pencil icon of the row where you want to place the slider to open the row settings. image2.jpg

6. Place the element shortcode you copied on the Code before row field image3.jpg 7. While in the LiveEditor of your landing page, go to Page Settings >> Other Scripts >> Custom CSS then place this CSS code below:

.flexslider .slides img {width: 100%;}


Don't forget to click the "Save & Continue" or "Save & Close" when done.

image4.jpg That should successfully show your image slider in full width of the page.