Integrations Solar System creatively displays content in a creative way. Showcase different integrated elements with one element in the center like a solar system with the help of this widget. 

Using Integrations Solar System

The Integrations Solar System gives you the following scopes of modifications in Content, Style and Advanced settings. 

Content: 

From Content section, you can customize the following options: 

• Title
• Subtitle
• Central Logo
• Content

Title: From the title section you can edit the text that will be displayed in the title, change text color and typography. You can also select if you want to assign any heading to the title. 

Subtitle: If you want to add any subtitle below the title and customize it, this option will help you get it done. 

Central Logo: The central logo will be at the very center of the solar integration display. You can select the logo and add the URL if needed. 

Contents:

From the Contents section, you can add the individual elements that will be around the central image. You can add title, logo image, resize logo image and change position of the element as per your requirement. 

Style: 

From the Style section, you can add section padding, background color and enable/disable the default animation of the element. 

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.