Super Services

Super Services module adds attractive service blocks to your website pages in a smooth and easy way! With Super Services module you can manage the service title, description, and there are still lots of style settings you can manage.
Super Services Module Sample
On the picture below you can view Services module sample.

Content #

Display Options #

• Icon/Image Type – From here user will select whether icon or image will be used.
• Select an Icon – If the icon type is selected then user will select the icons from the dropdown list of 400 icons.
• Icon Size – Here you will need to put the icon size
• Service Title – You will need to give the title of your service here.
• Service Description – Description of the service will be placed here.
• Alignment – Here you can select the alignment of the Super Heading (Left, Center, Right).
• Animation – Here user will select the animation for the icon from the drop-down list.
• Icon Position – You will need to set the icon position from here.
• Title in Image/Icon – Here user will select this option overlay text needed in the icon.  
• Read More Button – Here user will select if read more button is required.

Button #

• Button Text – Here user will input the button text
• Link – Here user will input the links/ URL for the button
• Icon – Here user will choose icon if they wish to use any icon with button text.

Style #

Icon Style #

• Margin – You can input the values for the headline margins in the required fields.
• Padding – here you can set the preferable custom padding for the Icon. Fill in the values for the top, bottom, right and left padding in pixels to apply your custom padding.
• Icon Color – Here user will select the icon color.
• Icon Hover Color – Here user will select on hover icon color.
• Background Type – user will select the background type. It can be color, image, gradient.
• Width – Here user will select the width of the Icon.
• Border Type – Here user can select the type of border. The various option is available as like solid, dotted, dashed, groove etc..
• Border Radius – Here user will define the radius of the border. It can be pixel or %.
• Box Shadow – Here you can add some shadow to the box

 Title #

• Padding – here you can set the preferable custom padding for the title. Fill in the values for the top, bottom, right and left padding in pixels to apply your custom padding.
• Title Color – Here user will select the title color
• Typography – From Here user can select and define the Font family, size, weight, transform, style, decoration, line height, and letter spacing.

Service Description #

• Padding – here you can set the preferable custom padding for the service description. Fill in the values for the top, bottom, right and left padding in pixels to apply your custom padding.
• Value Color – Here user will select the color
• Typography – From Here user can select and define the Font family, size, weight, transform, style, decoration, line height, and letter spacing.

Button Style #

• Margin – You can input the values for the headline margins in the required fields.
• Padding – here you can set the preferable custom padding for the Icon. Fill in the values for the top, bottom, right and left padding in pixels to apply your custom padding.
• Alignment – Here you can select the alignment of the Super Heading (Left, Center, Right).
• Typography – From Here user can select and define the Font family, size, weight, transform, style, decoration, line height, and letter spacing.
• Border Radius – Here user will define the radius of the border. It can be pixel or %
• Text Color – You can select the text color here.
• Background Type– From Here user can select the type of background whether it will be color, gradient or image.
• Border Type – Here user can select the type of border. The various option is available as like solid, dotted, dashed, groove etc..
• Box Shadow – Here you can add some shadow to the box.