Create unlimited sliders with unlimited slides.

Follow the steps to create sliders.

1. Go to “itrans Slider” on your dashboard menu items.
2. Create Categories for multiple slider.
3. Add slides for the sliders (slide featured image is used as slide image) .
4. Open the page with editor where you want to insert the slider.
5. Place your cursor where you want the slider and insert the shortcode via [tx] button.

Shortcode options

Slider Style : Currently we have only default style, in future we will keep adding other styles.
Slider Category : For category based slider (in-case you are using multiple sliders with different slides).
Number Of Items : Number of slides in a slider.
Delay : Time between slides.

Example Slider

Vlandit Tempor Nec Eid

Suspendisse nec scelerisque neque, vel gravida nulla. Maecenas vestibulum ultricies efficitur. Duis consequat congue ex nec efficitur. Etiam est sapien, fermentum a dapibus in, iaculis mollis ligula. Curabitur id felis ut ...

Vel Gravida Nulla

Suspendisse nec scelerisque neque, vel gravida nulla. Maecenas vestibulum ultricies efficitur. Duis consequat congue ex nec efficitur. Etiam est sapien, fermentum a dapibus in, iaculis mollis ligula. Curabitur id felis ut ...

Sed Ut Perspiciatis Unde

Suspendisse nec scelerisque neque, vel gravida nulla. Maecenas vestibulum ultricies efficitur. Duis consequat congue ex nec efficitur. Etiam est sapien, fermentum a dapibus in, iaculis mollis ligula. Curabitur id felis ut ...

The code will look like :

Vlandit Tempor Nec Eid

Suspendisse nec scelerisque neque, vel gravida nulla. Maecenas vestibulum ultricies efficitur. Duis consequat congue ex nec efficitur. Etiam est sapien, fermentum a dapibus in, iaculis mollis ligula. Curabitur id felis ut ...

Vel Gravida Nulla

Suspendisse nec scelerisque neque, vel gravida nulla. Maecenas vestibulum ultricies efficitur. Duis consequat congue ex nec efficitur. Etiam est sapien, fermentum a dapibus in, iaculis mollis ligula. Curabitur id felis ut ...

Sed Ut Perspiciatis Unde

Suspendisse nec scelerisque neque, vel gravida nulla. Maecenas vestibulum ultricies efficitur. Duis consequat congue ex nec efficitur. Etiam est sapien, fermentum a dapibus in, iaculis mollis ligula. Curabitur id felis ut ...

Use the slider as page slider on top

Find meta section “page Heading Options” bellow page editor and insert the shortcode in the field “Other Slider Plugin Shortcode” and save the page (only works with templatesnext themes)

heading-options

 

71 thoughts on “i-trans Slider

  1. Hi. First of all just to say that the I-Excel theme is proving to be excellent and easy to use. At the moment I am having a problem with the 4 sliders on my index page http://www.LeanSweep.com. The image/text of the sliders work fine with Chrome & Firefox. However the text does not load for the first 3 slides with Explorer9 and on the 4th slide the text is aligned to the right where it should be to the left.

  2. Hello, I am very sorry but I don’t understand how to simply generate a shortcode. Where/when am I supposed to find it?
    Again I apologize, I am a complete newbie with WordPress 🙂

    1. Nope, no HTML or text formatting is displayed, i have noted the request, will try to add that feature in future version.

    1. Try adding following lines of CSS code in “Appearance” > “Customize” > “Layout Options” > “Additional Style”

      /* For Title */
      .site .other-slider .tx-slide-content-inner h3 {
      display: none;
      }

      /* For Descriptions */
      .site .other-slider .tx-slide-content-inner .tx-slide-details p {
      display: none;
      }

      /* Lide Link */
      .site .other-slider .tx-slide-content-inner .tx-slide-button a {
      display: none;
      }

      1. Marsian,

        I desperately need your help. I am glad I found you here. I downloaded and purchased the i-max theme, and am trying to use it for a site BUT I have encountered some issues. I need your help reg the slider. I am a newby in wordpress and can’t figure out how to access the slider of my theme AND replace the images. can you please help me. Can you please email me?

        Look forward to hearing from you.

  3. How do you add the slides (pictures) to the slider? I created the itrans slider, add the categories, but there no where to add the images. Please., help me out, I know that probably is a simple fact that I’m overseeing. Thanks in advance for your help.

      1. Thank you very much for your answer. I got to that point, I have one image in the page (featured image) but that is only one image, how do I add more images so they can slide as in your example.? I’m thinking to purchase the I-spirit to use in other website. It will be as complicated as I-excel? I know I-excel is free, and most of the complications are because the lack of knowledge in WordPress. But I’m learning. Thanks again for your support.

          1. I GOT IT!

            Thank you so much for your help. Is this kind of attitude what changes the disposition of a client. I will get the I-Spirit as soon as I learn how to upload a theme different of the themes offered by 1and1.com in safe mode. I’m still learning WordPress platform. I’m more familiar with html, using Dreamweaver, and Adobe Muse. Thanks again

    1. Try adding following lines of CSS code in “Appearance” > “Customize” > “Layout Options” > “Additional Style”

      Default theme slider hide elements

      /* For Title */
      .ibanner .nx-slider-container h2 {
      display: none;
      }

      /* for Content */
      .ibanner .nx-slider-container p {
      display: none;
      }

      /* For link */
      .ibanner .nx-slider-container a.da-link {
      display: none;
      }


      For I-trans Slider

      /* For Title */
      .site .other-slider .tx-slide-content-inner h3 {
      display: none;
      }

      /* For Descriptions */
      .site .other-slider .tx-slide-content-inner .tx-slide-details p {
      display: none;
      }

      /* Lide Link */
      .site .other-slider .tx-slide-content-inner .tx-slide-button a {
      display: none;
      }

  4. Hi again, i just want to clear myself…
    you wrote:
    1. Go to “itrans Slider” on your dashboard menu items.
    2. Create Categories for multiple slider.
    3. Add slides for the sliders.
    4. Open the page with editor where you want to insert the slider.
    5. Place your cursor where you want the slider and insert the shortcode via [tx] button.

    i don’t understand no. 3 – “Add slides for the sliders”

    i understand that to “add slide” i nead to go to “appearance” and then to “costomise” and then “slider” and then just to edit “slide 1” to “slide 4”?? (to change the text and the images)
    please help!
    Avi

    1. there are 2 sliders,
      1. default theme limited to 4 slides. to add/edit this slider you will go to “customize”, this slider does not require plugin “templatesnext toolkit”.
      2. “i-trans slider”, part of plugin “Templatesnext toolkit”, you need to go to “i-trans slider” > “Add new” to add new slide

      1. I am trying to change the default slider on the home page. I went to customize, but I do not see where I can insert a slider.

        1. For static front page you can find option to insert 3rd party slider. For default theme slider go to customize – slider

  5. hi there

    Thank you so much for your themes. I have a small problem with i -craft. one of my page backgrounds is black. i would like to make it a white background like the others. how do i go about doing so?

    Tank you

  6. How could I translate untranslated parts not touching the code in theme? Like “Read More”, “Designed and Developed by” and so on…

  7. Hello,
    can I cancel the resposive design on this theme please? What can I to do and in which files (php,css)? Thanks a lot for answer. Radek

    1. There are breakpoint in CSS like in all css files including plugin

      @media (max-width: 1200px)
      {
      ...
      }

      and in javascript function that starts with somthing like

      $('.menu-toggle').sidr(

      in functions.js

  8. Hello everybody,

    I wonder how to remove this message from my home. Could help me
    The plugin is installed
    http://www.elfinformatica.com.br

    Welcome to i-MAX To start setting up i-max go to appearance & gt; customize. Make sure you have installed recommended plugin “TemplatesNext Toolkit” by going appearance & gt; install plugin. Know More Welcome To i-MAX To start setting up i-max go to appearance & gt; customize. Make sure you have installed recommended plugin “TemplatesNext Toolkit” by going appearance & gt; install plugin. Know More Welcome To i-MAX To start setting up i-max go to appearance & gt; customize. Make sure you have installed recommended plugin “TemplatesNext Toolkit” by going appearance & gt; install plugin. Know More
                
            

    1. as the text says go to “appearance” > “customize” > “Slider” you can add your own text and images here

  9. Any chance you could do a YouTube video of setting up the slider. Its proving to be quite a challenge!

    Great theme though.

  10. Hi. Thanks for a great theme, I can’t seem to get the slider working on static pages, I’ve tried with the default slider as well as with i-trans, I’m able to display slider on the body of the page using a short code, but it won’t display as page slider on top although I’ve inserted the exact same short code that works on the body. Please help

  11. Hi!
    I´ve installed the I-MAX theme and I think it is great!
    Is there any way to move the menu in toggle-mode (mobile, tablet) to the right side of the screen?

  12. Hi,

    thank you for the great I-Max Theme. I have one question. When I experimented on a local (xampp) wordpress the I-trans slider automatically croped the images. Now on the webinstallation the images are shown each in its individual size. How can I change back to cropping?

    Thank you for your help

  13. I am trying to use i trans slider
    – i set title
    – i set featured image
    – i set button text
    – i set button link

    how do i add another slide ?

    how do i get short code ?

    thank you in advance

    1. save your silde create another slide by going to “itrans slider” > “add new” or just find “Add New” button beside title “Edit Page” on the top.

  14. I have small problem with that slider. I have to change size of it and add another menu, so I changed .css and now it looks like this:
    .ibanner {
    display: block;
    width: 72%;
    background-color: #95C837;
    text-align: center;
    float: right;
    top: 30px;
    position: relative;
    overflow: hidden;
    }

    but it looks horrible at mobile devices. Any ideas what i should change?

    For second menu I’m using Advanced Menu Widget.

    Sry, for my english 😉

  15. I have a webpage and I’m creating a blog from this site.
    The problem is that I have a slider in the front page but when I uncheck to show the slider in the page that was check as posts page the slider is still there.

    Could you help me with this? I don’t understand why this happens.

  16. Hi; How can i design my website footer area like your website (For examle catergory, NX Recent Posts, NX Recent Comments, NX Recent Portfolio, Quick Contact). I can not found edit customise menu… Thank you…

  17. Thanks Marsian for your great theme (I-max). I would like to know how to replace social icons in the theme with big social icons like many other websites ? Thank you for your time!

    1. You can remove the default values from customizer. That will disable the default social icons.

      You can try other plugins for bugger icons

  18. Hi Marsian,

    I’ve placed four photo’s in the default slider. When I’m logged in to WordPress the slider works fine and shows all the photo’s. But when I log out and reload the site again, I only see the default images that came with the template. How can I solve this?

    Thanks!

Leave a Reply

Your email address will not be published. Required fields are marked *