By Fatema T. Zuhora on Monday, 05 September 2016
Category: Quix Resources

How to Create a Beautiful Slider with Quix

What can make your website from good to great?

Have any idea?

Adding a few simple features or some interesting finishing touches will give a real lift to your website.

Sliders are the most common and widely used element on website homepages. You can place all your important content in an interactive and visually appealing slideshow at the top of the page before the main content.

The extensions of Joomla sliders are being downloaded and sold by the thousands. But if you are using Quix page builder, you don't need to spend extra money to buy an extension for a slider.

The Quix is one of the most popular page builder for Joomla, come with 27 powerful and flexible elements that will dispel your dependency from third party extensions.

In today's post, I am going to show you how to create a beautiful slider with Quix page builder.

Whatever you are a free or a PRO user of Quix you will get a slider element with it. And you will get another slider named Slider PRO if you are a PRO user. There have a lot of customization options in the PRO version that lets you create an eye-catching Slider for your Joomla site.

Before launch to the central part let's have a look some example of beautiful sliders those are built with Quix page builder.


This image has collected from Academia - Responsive Education Joomla Template that fits perfectly for schools, colleges and language centers.

Live Demo


The following image of the stunning slider has collected from Stuart - Best Multipurpose Joomla Template that adapts perfectly with business, corporate, medical and portfolio based websites.

Live Demo

Let's see the customization options of Quix Slider.

How to Create a Beautiful Slider using Quix?

Insert Slider Element:

At the very beginning step, you have to insert a slider element. So, choose a section of your website where you want to inject the slider and then do it.


Usually, the slider suits at the top section of a website after the menubar.

After inserting an element, you have to customize some settings which will ensure the stunning outlook of that element.

Now I'll give a short brief about the settings of Quix slider element.

Configure General Settings:

You can see few following options inside general settings tab.


When you add a new slide in the slider, you will get another setting panel and can customize every slide. Just click on anyone, it will take you to the configuration option.


You'll get the following options among each slide.

Configure Styles Settings

You can see few following options inside styles settings tab.


Configure Advanced Settings

If you want to fetch some extra style in the slider, Quix also allows you to do this using Quix Advanced settings.

Just write your own attributes in a CSS class of your templates stylesheet and insert those class name.

Read: How Advanced Style Settings Can Save Your Time and Coding

Final Words

I have tried to brief all setting options of the slider element in above. Hope you got it and now able to create an outstanding slider on your own.

Got questions? Write in the comment section and hit the submit button.

Leave Comments