How to get full width sliders when using Meta slider and Pootle Page builder

Mar 25, 2016

—

in 18tags, fullscreen, Pootle page builder, Storefront by WooThemes, Video Tutorials, WordPress

Meta slider is a very popular free Slider plugin for WordPress, and here’s a simple tweak that will enable you to have full width sliders when used with our free Pootle Page Builder plugin.

Step 1 – Add the following css to your custom css

Add the following CSS to your child theme. If you are not using a child theme then use the site origin css plugin to add custom css.

Step 2 – Add the full width content class to the Pootle Page Builder row

Step 3 – Now you’ll have full width sliders

Make sure you’ve set the slider width and height, and you’ll have lovely full width sliders

Comments

7 responses to “How to get full width sliders when using Meta slider and Pootle Page builder”

Reuben Hochstetler

March 30, 2016

Still not full width on WooThemes Storefront. Any help on this?

Reply
Reuben Hochstetler

April 1, 2016

My bad, I forgot to enable full width on the row settings. It all works! Thanks!

Reply
Reuben

September 9, 2016

Is there a possibility that the latest Pootle Page Builder Update broke this? I’m having this issue on a dev site http://77.104.144.27/~borkhol2/sample-page/

Reply
1. Amanda Kulik
  
  September 11, 2016
  
  Having the same issue! It was working until I updated today! Help please!
  
  Reply
  1. Jamie Marsland
    
    September 14, 2016
    
    Hi,
    
    We are working on a fix for this –
    
    Jamie
    
    Reply
Vegard

November 1, 2016

I feel a bit stupid, but where should I put this code? I have storefront pro, and the pottle page builder installed

Reply
1. Vegar
  
  November 2, 2016
  
  I managed with the Custom CSS plugin. but I cannot control the slider… There are no buttons for the client to press forward or backwards.
  
  Reply