Show off your social media activities and interactions with this nifty widget.

Using Twitter Feed #

You can use the Twitter Feed widget by following the steps mentioned below. 

Step 1 #

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

Step 2 #

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

Twitter Feed widget - Elementor page builder

Step 3 #

From the Content section, select from the Preset styles and display the Twitter feed on your web page. Ensure you include a proper account name in the related field. 

Twitter Feed widget - content preset menu

Step 4 #

In the Options section, you can add the number of columns, length of the content, row spacing, and post limit. You can also enable and disable avatar logo, name, and Twitter logo from this option. 

Twitter Feed widget - options menu

Step 5 #

The Style section of the tool will allow you to customize the following options: General, Users, and Content. 

Twitter Feed - Style tab

General: The General section will allow you to customize the background type, margin, width, padding, border, and box shadow to make the Twitter feeds visually appealing. 

Users: From this section, you can edit the Users’ details. Add and customize the image for the user and also position the user name as per your requirement, with the help of this tool. 

Twitter Feed - Users customization menu

Content: In the Content section you can edit the text color, spacing, and typography of the content.

Twitter Feed - Content style menu

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. 

Twitter Feed - Advanced customization options

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, motion, lightspeed, and more effects to make your widget look different. 

Twitter Feed - Motion Effects menu

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.

Twitter Feed - Background menu

Border #

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

Twitter Feed - Border menu

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. 

Twitter Feed - Positioning menu

Responsive #

You can check the responsiveness 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.

Twitter Feed - Responsive menu

Attributes #

With Attributes, you can add custom HTML attributes to any element. 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