1. Home
  2. Docs
  3. Social Elements
  4. Twitter Feed

Twitter Feed EA Element

Twitter Feed EA Element for Elementor Page Builder allows you to display Twitter posts on your website with many customization options. By using the EA Twitter Feed widget for Elementor page builder you will have the ability to bring your Twitter posts to your website in an effective way.  Here in this tutorial, you’re going to learn how to use the Twitter Feed element into Elementor Page Builder. So let’s get straight into it:


If you don’t know how to activate elements and start using it, then check the tutorials below:

Ξ Activate/De-activate Elements

Ξ Using Elementor Addons in Elementor


 

How to Customize the Twitter Feed Element

 

»Content

 

Account Settings

⇒Account Name: Add your account name here. Use @ sign with your Twitter account name.

: Add the hashtag name. Remove # sign from your hashtag name.

: Enter the consumer key here. Create a new app or select an existing app and grab the consumer key.

: Enter the consumer secret key. Create a new app or select an existing app and grab the consumer secret.

 

Layout Settings

⇒Content Layout: Select the content layout either list or masonry.

⇒Column Grid: Select the column grid you want.

⇒Column Spacing: Customize the column spacing here manually for different dimensions.

⇒Post Limit: Select the Post Limit on the page.

⇒Show Media Elements: Show/hide the media elements.

 

Card Settings

⇒Show Avatar: Show/hide the avatar.

⇒Avatar Style: Select the avatar style either circle or square.

⇒Show Data: Show/hide the data here.

⇒Show Load More: Show/hide the load more button at the end of the feed.

⇒Show Icon: Show/hide the Twitter icon.

 

Unable To Use or Found Bugs?

⇒Need Support: Are you in need of a feature that’s not available in our plugin or got some bugs? Feel free to do a Support request.


»Style

 

Card Styles

⇒Background Color: Add a custom background color to the Twitter card.

⇒Padding: Set the padding value for the top, right, bottom and left around the card for different dimensions. You can link the values together or customize them individually.

⇒Border Type: Select a border type from the list according to your preference. And then set the border width for the top, right, bottom and left of the card for different dimensions. You can link the values together or customize them individually.

⇒Border Color: Add a custom color to the card border.

⇒Border Radius: Set the border-radius around the card for different dimensions.

⇒Box Shadow: Customize the box-shadow color, set the horizontal and vertical value of the shadow, control the blur radius and spreading, and set the position either outline or inset.

 

Color & Typography

⇒Title Style:

→Color: Add a custom color to the page title text in the feed.

→Typography: Set the typography options for the title text.

⇒Content Style:

→Color: Add a custom color to the content text in the feed.

→Typography: Set the typography options for the content text.

⇒Link Style:

→Color: Add a custom color to the link in the feed.

→Hover Color: Add a custom color to the link in the feed on the hover.

→Typography: Set the typography options for the link.

 


»Advanced

Set the Advanced options that are applicable to this widget

Still can’t figure out? Don’t worry, we got your back! Just watch the video tutorial below to have a precise understanding of the Twitter Feed Element.


Was this article helpful to you? Yes No

How can we help?