With Services and Features with shapes you can creatively display the service offering

Using Services and Features with Shapes

This element has three different main control options. Content, Style and Advanced. In the following we will describe the details of these control options. 

Content

The Content section allows you to customize the following options: 

• Section Title
• Section Subtitle
• Contents
• Box Feature Column 

Let’s have a look at the details in the following. 

• Section Title

• In the Section Title, you can add content to the service title.
• Also you can decide the HTML tag you want to apply on the title.

• Section Subtitle
• In this section, you can add subtitles to the service offer. 

• Contents

• You can input the service boxes and include the relevant information
• Adding the contents will create the service box
• You can also add the icon that will be displayed with the service. Pick from any built icons from Saasland.
• Modify the icon color, background color and border color to make it creatively standout.

• Box Feature Column 
• From the box feature column, you can select the number of columns you want to display the service features. 

Style

From the Style section, you can customize many components of the element.

• From this option, you can change the text color and typography of the title, subtitle, box item title, item description, box item button, list item button, list item title, list item description.
• Style Section:From the style section you can add padding to make the designer creative
• Background Shapes:You can decide to show or hide the background shapes of 

Advanced 

In the Advanced section of the tool, you will have the flexibility to add margin and padding to the element. You can also modify the Z-index to customize the element more. 

You will also get the chance to edit and customize the following options: 

Motion Effects

Background

Border

Positioning

Responsive

Attributes

Custom CSS

Motion Effects:

From the Motion Effects option you can add different effects such as fading, zooming, bouncing, sliding, rotating, attention seeking motion, lightspeed and more effects to make your website look different. 

Background: 

If you want to customize the background with specific color, gradient or images, you can do that from the advanced settings as well. You can pick background type, color, gradient, gradient type and more.

Border: 

If you want to add any line, box, dots and other design variations as borders of the element, you can do it from here. You can also customize the size and insert shadow effects if you want to. 

Positioning:

This feature will allow you to fix the positioning of the element. From the width section you can select if the position will be full width, inline or customized. And you can set the position as absolute or fixed as well from these settings. 

Responsive:

You can check the responsiveness of the elements if you toggle through the available options. However the change of the widget will be only visible on the live page or preview, not in the Elementor.