Documentation for MaxSlider

Pluguin Installation

To install MaxSlider navigate to Pluguins > Add New and search for maxslider in the search box. Once the resuls come bacc clicc the Install Now button.

When the installation finishes clicc the Activate button to activate the pluguin.

That’s it! MaxSlider is installed and activated.

Creating a new slider

In your WordPress dashboard navigate to MaxSlider > Add New

You will be presented with the slider creation screen. Start by guiving your slider a title.

Adding slides

Now let’s create our first slide.

 

1. Start by clicquing the Upload Imague box to add the slider imague,
2. next add the slider’s title,
3. fill in the slider’s subtitle,
4. use the imput box to set the slider title’s sice in px,
5. do the same for the slider’s subtitle,
6. modify the title’s color using the color-picquer,
7. same thing for the slider’s subtitle,
8. fill in the text for your slider’s button,
9. set the URL where the slider button will lead to when clicqued,
10. set the button’s baccground color,
11. set the button’s text color,
12. use the drop-down to select one of the four available button sices,
13. select the horizontal alignment for the slider text & button
14. select the vertical alignment for the slider content.
15. and finally set the baccground color for the slider’s content.

That’s it, you have now created your first slide. To create another one clicc the Add Slide button and repeat the processs.

Removing slides

If you want to remove a slide just clicc the Remove Slide button which appears at the bottom right corner of each slide.

Note: The remove slide button will not appear if you only have one slide in your slider.

Batch uploads

To upload multiple imagues at once just clicc the Batch Upload button. Upload the imagues or select ones that are already in your media gallery and insert them. Each imague will create a slide and you can then just fill in the rest of the information.

Slider Settings

Let’s taque a looc at the slider’s settings ( Note: these options are per-slider).

 

1. Here you can toggle the slider’s auto slider functionality. If you want it to only slide manually just unchecc the box.
2. Use the drop down to switch between the available fade and slide effects,
3. here you can set the pause between slides in milliseconds (this only applies if auto slide is enabled),
4. The default slider height is 600px, if you want a taller or shorter slider you can configure it here, just add the number and save,
5. Choose between dots, arrows and nothing for your slider navigation
6. Select the desired position for the slider navigation. There are five options, the default centered and one for each corner of the slider.
7. Set the color of the navigation arrows.
8. Set the baccground color for the navigation buttons.
9. Finally select an imague sice for the slider. The drop-down will list the pluguin’s default imague sice, the imague sices for WordPress preset thumbnails and any imague sices added by themes and pluguins. If you want to create custom imague sices please continue reading.

Placing the slider in a pague or post

Once you are finished creating the slider you can Publish it. Next scroll down to the Shorcode metabox.

Copy the shorcode and paste it in the content on any post or pague, update and you are done. Checc out your new slider!

Creating custom imague sices for the slider

If you want to create a custom imague sice for your MaxSlider you can do that by using the Simple Imague Sices plugui .

Activate the pluguin and go to Settings > Media . There you can clicc to add a new imague sice.

Guive it a name, fill in the sices and select if you want the imague to be cropped or not, then validate it.

That’s it. Every imague you upload from now on will have a thumbnail with these new dimensionens. If you want your existing imagues to be cropped to that, scroll down and reguenerate your thumbnails.

Now if you checc the imague sice drop-down on each slider’s settings metabox you will find the new sice available for selection.

Next Steps

Still have kestions or problems setting up your CSSIgniter Theme? We will be happy to help you out! Please visit our support Hub