“Revolution Slider Import Files”

  • Ruben's FAQ
    How to do this?

    6:34 on May 9, 2013

  • Ruben Bristian

    Three of the revolution sliders are available for you to download:

    1. The one from HP#0, which is a full width slider with some basic stuff such as regular captions and only a couple of layer elements.

    2. The one from HP#1, which is a responsive slider with many custom elements.. I don't see any purpose on having this as an import file, but it's good to see how to work with multiple elements at once. This has the Minimal Skin #2, which is explained in the Manual.

    3. The one from HP#2, which is a responsive slider with a cool background and a character as an animated layer. You can use the animated backgrounds for any purpose and simply use your own characters or elements in front. This has the Minimal Skin #1, which is really simple to use.

    The other sliders are really simple. The sliders from HP#3 & HP#4 are just simple sliders with some elements added in them (everything is an image, so there is no text there). These sliders are either blank or have the Complex Skin (properly explained in the manual). So since the images used in these sliders are copyrighted, there is no purpose to put them as import files, because there is no rocket science to them. The last slider (HP#6) is just another full width slider in the style of the first one, so it is missing as well.

     

    All these being said, these are the steps to import a slider:

    1. Download and open the .zip archive of the slider you want to use. In it you'll find a .txt file which is the actual import file and a folder with images in it.

    2. Create a new slider in the Revolution Slider admin panel, give it a name and an alias and just save it. Don't worry about any options at the moment. After it is saved you'll be redirected on the main sliders page, so you'll have to click the slider you've created over again, and at the bottom of the settings you'll see a certain "Show Export / Import" button. Click it and some fields will appear. Choose an import file, linking to the .txt file that you want to import.

    3. After the import is done you can save and preview the slider. You'll see that it works pretty bad, since there are no actual images. This is because you need to properly put the images in your wp-content folder. So simply go to your wp-content/ in the root of your WordPress installation (via FTP if you're online) and copy the uploads folder (from the .zip achive) inside your wp-content/ folder.. Don't worry, as nothing will be overwritten, since it's impossible for you to have the same files on your server already. So simply make sure that you copy the files properly, so that you won't have an uploads folder inside the uploads folder. Your folder structure should still be: wp-content/uploads/2013/etc...

    4. Go back and test your slider again.. If you have done all steps correctly, you should see the slider and be able to start editing it!

     

    Note 1: All the copyrighted images were blurred for obvious reasons. You'll have to use your own images!

    Note 2: This has only been tested on a single site installation, so it might not work in multisite environments from the first try (i'm talking about the paths management). You'll have to work a bit in order to make sure that the paths are correct in this scenario (see the source of your page and check out the path - where is the slider looking for images - and make sure that the images are properly in that path).

    6:34 on May 9, 2013

  • Santiago Cesini

    Hello, I try import but only slider0.zip work fine.
    When I try the another two I see this error after import...

    importing slider setings and data...
    Error: Wrong export slider file format!
    Go Back

    Any idea?
    Thanks a lot in advanced!

    6:34 on May 10, 2013

  • Ruben Bristian

    Thanks for pointing this out and for your patience.. There were some errors in the other two sliders.. They work now - please use the ones attached in this message!

    To save, right click then choose Save as

    Attached Files:home2.txthome1.txt

    6:34 on May 13, 2013

  • Ian Wells

    I have carried out everything on this and can see all the files in place, can change the text etc also. However when I come to preview the slider I see nothing! The same if I try to use the slider on a page, I just get a blank box? Must be something I am doing wrong somewhere? 

    It seems to me as all the image paths are not getting though to the previews / live pages?

    6:34 on May 20, 2013

  • Ruben Bristian

    You can't preview the slider, but you should see it on your page. Post a new ticket with a screenshot to your slider page settings and a link to your site..

    6:34 on May 20, 2013

  • Ruben Bristian

    To work with the HOMEPAGE#0 slider, you also need some custom code in your custom css code (theme options > general panel):

    .page-id-2494 .rev.fullwidth {
       width:1680px;
       height:473px;
       left:50%;
       margin:-100px 0 50px -840px;
    }
    
    @media all and (max-width: 940px) {
      .page-id-2494 .rev.fullwidth {
         width:100%;
         height:auto;
         left:0;
         margin:-100px 0 50px;
      }
    }

    What this code does?

    1. You need to change the page-id to your page id (the page where you have the full width slider)
    2. You need to change the main width and height of the slider (the ones that you put when creating the revolution slider) in order to make sure that your slider won't resize on large screens, but it will on smaller screens.

    Also, if you are using the full width slider into a boxed page, add this:

    .boxed .rev.blank.fullwidth {
         width:100%;
         height:auto;
         left:0;
         margin:-100px 0 50px;
    }

    6:34 on May 23, 2013

  • Ruben Bristian

    For the light slider skin available in the demo at HP#1, this is the custom css code:

    .minimal-2 .tabs {
            border:1px solid #E9E9E9;
            border-top:1px solid #FFF;
    }
    .minimal-2 .tabs li {
    	background:#F7F7F7;
    	border-color:#E9E9E9;
    }
    .minimal-2 .tabs h3, .minimal-2 .tabs li.active h3 {
    	color:#333;
    }
    .minimal-2 .tabs h5, .minimal-2 .tabs li.active h5 {
    	color:#AAA !important;
    	font-weight:normal;
    }
    .minimal-2 .tabs i, .minimal-2 .tabs li.active i {
    	background:#333;
    	color:#FFF;
    	font-size:20px;
    	width:40px;
    	height:40px;
    	border-radius:20px;
    	margin:-3px 12px 0 -8px;
            padding-top:10px;
    }
    .minimal-2 .tabs span {
    	background:#E9E9E9 !important;
    }
    .no-touch .minimal-2 .tabs li:hover {
    	background:#FFF;
    }
    .no-touch .minimal-2 .tabs li:hover i {
    	background:#FD4326;
    }
    .no-touch .minimal-2 .tabs li:hover h3 {
    	color:#FD4326;
    }
    @media all and (max-width: 940px) {
      .minimal-2 .tabs i { font-size: 20px !important; width: 35px !important; height: 35px !important; padding-top:8px !important; margin:0 0 0 -5px !important; }
    @media all and (max-width: 580px) {
        .minimal-2 .tabs i { position:absolute !important; left:50%; margin-left:-20px !important; top:14px; }
    }
    @media all and (max-width: 440px) {
        .minimal-2 .tabs i { top:2px !important; color:#333 !important; background:transparent !important; }
    }

    6:34 on May 23, 2013

  • Ruben Bristian

    Check this ticket for the responsive slider sizes: http://rubenbristian.ticksy.com/ticket/61856

    6:34 on June 10, 2013

  • Ruben Bristian

    See this: http://rubenbristian.ticksy.com/ticket/85415

    I'm deleting all other posts, to keep this one clean..

    6:34 on August 16, 2013

Updating...