Content Table

Droit Elementor Addons has a slick Table tool. Showcase different information in a structured way with the help of the table tool. 

Video Instruction #

Using Table #

You can use the Table tool fully by following the steps mentioned below.  

Step 1 #

From the menu bar on the left-hand side, select Table. Drag and drop the widget on the area you want it to be.

Step 2 #

After selecting the tool,  you will see the following options: Content, Style and Advanced.

Step 3 #

From the Content section, select the preset you want to use to display tables. 

Step 4  #

Using the Table Content option you can add content to the header and columns of the table. 

Toggle to Content section to edit the texts within the column section of the table. 

Step 5  #

From the Style section of the tool, you can customize the General, Table Head and Table Content. 

General: From this section you can select the background type, width, margin, padding, border and box shadow easily.

Table Head: From the Table Head section, you can customize the typography, background, border and padding of the table head. 

Table Content: In this section, you can customize the typography, text color, background color, border and radius of the table content. 

Step 6  #

In the Advanced section of the widget, you will have the flexibility to add margin and padding to the widget. You can also modify the Z-index to customize the widget 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 widget 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 widget, 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 widget. 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 responsive of the widget 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.

Attributes #

With Attributes you can add custom HTML attributes to any elements. However, this feature is only available with the pro version of the Droit Elementor Addons. 

Custom CSS #

Custom CSS lets you add CSS code to any widget, and see it render live right in the editor. However, this feature is only available with the pro version of the Droit Elementor Addons. 

Powered by BetterDocs