By Fatema T. Zuhora on Tuesday, 06 September 2016
Category: Quix Resources

How to Create a Stunning Team Section using Quix

“Coming together is a beginning. Keeping together is progress. Working together is the success.” - Henry Ford

Henry Ford is a great American industrialist, and the founder of the Ford Motor Company, who have defined the importance of teamwork in the above line.

Teams are formed when individuals have a common tendency, preference, liking, and attitude and work together for a common goal. Work will be funnier when you are working as a part of a team.

A team plays a significant role in organizations as well as our personal lives. It also enhances the confidentiality of an organization to the outer world.

Why not you introduce your amicable team members to the world?

But, How?

Never fear, because Quix is here!

Today, I am going to describe Quix Team Element and show how you use this effectively to build a fantastic team section for your website. Let's start!

How to create a stunning Team section using Quix?

The person element of Quix will help you to go this way. But you should mind one thing that is - one element can demonstrate one team member.

Therefore, you have to setup the number of person element with the number of the team member.

Let's assume that; I want to build a team section of eight team members. In this situation, I have to follow the following steps.



Therefore, I can get total eight person-element for eight team members.

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

Now I'll give a brief on the settings of Quix person element which will help you to know the depth and work smartly.

Configure General Settings:

You can see few following options inside general settings tab.


Configure Styles Settings

You can see few following options inside styles settings tab.


Configure Advanced Settings

Quix lets you the opportunity to fetch some extra style in the elements using Advanced settings. Just write your own attributes in a CSS class of your templates stylesheet and insert those class name.


You may read Quix Documentation to learn from depth.



The above image is an example of Quix team element. You will get this powerful and stunning element with our best one page Joomla template - Marvel.

Live Demo

Summing Up

Hope this short tutorial will help you to start with Quix team section. Let us know your question if any and also share your experience of using Quix - Joomla page builder.

Leave Comments