Search for answers:
The OptimizePress Support Site Has Moved: Click here to access the new Support site

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.

Didn't find an answer to your question? Contact Our Support Team (Submit a ticket)
Was this article helpful?
1 out of 1 found this helpful


Other Help Categories:

Get Started Guide

Watch our Ultimate Getting Started guide video

Pre-Sales Questions

Ask questions before purchasing our products

Login Problems

If you're having issues logging into our members hub

Accounts & Billing

Update your billing, request a refund and other accounts help

API Key Issues

Get help with licensing your site and API key issues

Membership Help

Get help creating Membership portals and courses

LiveEditor Help

If you need help using or troubleshooting the LiveEditor


Find out about the many integrations possible with OptimizePress

Affiliate Questions

Have questions about promoting OptimizePress

Clubhouse Questions

Questions about our Clubhouse Membership Subscription