Jump to content

Slider Problems with revolution and royal slider

Recommended Posts


hi there, i am trying to use a different then the page line-feature-slider. some with layers like royal slider or revolution slider. both dont work with pagelines.

with firebug i get the following error concerning script.bootstrap.min.js, that comes with pagelines-theme.

TypeError: a("body").on is not a function

can you help me with it?


Share this post

Link to post
Share on other sites

It looks like it could be a conflict with the jquery files. I looked up the issue and someone else had a similar issue because their version of Bootstrap was old, but PageLines uses the latest version of Bootstrap so that wouldn't be the problem. You will need the latest version of jquery (1.7+).

Please read the docs before posting. Please do not private message me unless I ask you to.

Designer | Catrina Dulay

Founder | Catrina and Mouse

Share this post

Link to post
Share on other sites

so you named a possible mistake, that actually is none. so i am helpless as before...

Share this post

Link to post
Share on other sites

Frank the error you're getting looks as if CSS is being called in a function.


body is a CSS element, thus my thinking is, there's an error in some customization or in the code. We've had plenty of clients use 3rd party sliders with little or no problem.

May I ask...

1. Was there any custom CSS or coding necessary for the installation of these plugins?

2. How are the plugins applied to the post or page? Shortcode or PHP code?

3. Was it necessary to alter any core files of PageLines to implement the plugins?


Former PageLines Moderator, Food Expert and Raconteur

Share this post

Link to post
Share on other sites

Try validating your code with this site. It will tell you where the errors are located: http://validator.w3.org/

Former PageLines Moderator, Food Expert and Raconteur

Share this post

Link to post
Share on other sites

this mean, the error output of bootstrap from pagelines can be made by an plugin? not by bootstrap itself?

some css-changes are made, yes.

plugins are aplied via shortcode.

i did not change any corefiles of pagelines.

Share this post

Link to post
Share on other sites

It could be that the plugins are creating an error, or, that they're not prepared to deal with CSS LESS. So, my suggestion, based on the error you're getting is to validate the site or page, and the error will be shown. If no errors in HTML, then we will look for CSS errors in another validator.

Former PageLines Moderator, Food Expert and Raconteur

Share this post

Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

  • Similar Content

    • jeomiland
      By jeomiland+
      I just migrated an old DMS2 site to PL5 at cassClayton.com. If you look at the site on Safari browser, you will see the top nav bar (NavPro) is white, but gets revealed as you start to scroll the page. NavPro is used in the Header section, then a Text section in which I have Shortcode for the Smart Slider3 plugin. Would have preferred to use a PL-compatible slider but found it difficult to get Flick and Impress slider to simply fill full screen, just height of images (they were filling whole screen, hence large black area filling in the rest).
      So seems on Safari that the load order of the plugin may be causing the Nav bar to be overwritten? or something. 
      Hoping someone can help?
      thanks...  (works fine on Chrome, Firefox, even Tor, just not Safari)
    • cas45
      By cas45+
      I am running a site based on PageLines Framework 2.5.0. I am making some changes to a current website and managed to find a script that will do what I want.:
      $(".vend-cat").each( function() {
          if ( $(this).find(".no-vendors").html() == '' ) {
      } );
      I have tested it on jsfiddle and it works fine. It does however need to be adapted to work with jQuery for pagelines and wordpress. Any help or advice?
    • unifeyed
      By unifeyed+
      Hello there. 
      I am trying to have all the ® symbols throughout my website superscript without having to individually go to each symbol and wrap them in <sup> tags. There is quite a bit of them. I have the following code within the Custom Scripts, but it seems to cause issues with the Hamburger navigation, as it does not seem to work. Can you offer up some assistance? 

      jQuery(document).ready(function() {
          jQuery("body").html().replace(/®/gi, '<sup>®</sup>').replace(/®/gi, '<sup>®</sup>')
    • Perry
      By Perry+
      Hello there,
      We are still using DMS 2 and were wondering if it was at all compatible with slider revolution. (https://codecanyon.net/item/slider-revolution-responsive-wordpress-plugin/2751380). Our issue is that the default revslider for DMS clips the top and sides of videos when made responsive. As the video is made smaller or larger the bottom of it tends to be cut off, or the sides are. We noticed slider revolution was 100% responsive, but have had numerous issues even getting it to display in DMS 2. We have tried using the shortcode, and various php scripts to no avail. Our last attempt was to try and load it with header scripts, but at this point we seem to be further away than ever. 
      This leads me to a few questions:
      1. Is Slider Revolution even compatible with DMS2?
      2. Is there a way we can get 100% responsive video in DMS 2 with zero clipping? (tonyrobbins.com is another good example of the effect we are trying to achieve.)
      3. If Slider Revolution is compatible, how do we go about adding it in?
      Thank you for any help.
    • vanessabt
      By vanessabt+
      Hi Developers, I wasn’t sure what the best way to get feedback was but didn’t really want to put this in the facebook group, I did put this in the slack developers group but trying to figure out the fastest way to get feedback.  I am starting a new site for a client and was looking through the showcase to see if there were any samples for slider modifications like I am trying to do for our build and couldn’t find them.  Basically I want to have a blue section at the bottom of each slide that has text in it.  The text will change with each slide along with the image.  Was wondering if anyone had any thoughts on how this modification could be made?  Here is a sample of the slider from the design.