Twitter Feed

How to Configure & Style EA Twitter Feed

EA Twitter Feed  gives you the opportunity to nicely display Twitter Posts on your WordPress website. With this element, you will have the freedom to personalize the Twitter Feed. Besides, you can use your own Twitter Account or Hashtags to fetch the posts as well.

Table of Contents:

  1. How to Activate Twitter Feed
  2. How to Configure the Content Settings
    2.1. Account Settings
    2.2. Layout Settings
    2.3. Card Settings
  3. How to Style Twitter Feed
    3.1. General Style
    3.2. Others
  4. Final Outcome

1. How to Activate Twitter Feed

To use this Essential Addons element, find the EA Twitter Feedelement from the Search option under the ELEMENTS tab. Simply just Drag & Drop the EA Twitter Feed’ into the Drag widget hereor the ‘+’ section.

Twitter Feed

After you are successfully done with this step, this is how the element is going to look like.

Twitter Feed

2. How to Configure the Content Settings

Under the ‘Content’ tab, you will be able to configure ‘Account’, ‘Layout’ & ‘Card’ Settings.

2.1. Account Settings

From the ‘Account Settings’, you will need to add your Twitter Account to display its posts. Before you do this, you will have to make sure that you have a Twitter App. To make it work, you are required to insert the ‘Consumer Key’ and ‘Consumer Secret Key’.

You can get these above credentials from your Developer Account. If you already have a developer account, simply just go to the ‘Keys and tokens’ section from the Apps page. Then you will find the ‘Consumer API Keys’.

Twitter Feed

Copy the keys and simply just paste them in the respective fields under EA Twitter Feed ‘Account Settings’. Make sure to insert your ‘Twitter Account Name’. Afterward, you will be able to display all the related posts to that respective account in real time.

Besides, if you want, you can even use ‘Hashtags’ to display the Twitter Posts featuring it as well. If you do not have a Twitter App, you can simply create one from here.

Twitter Feed

Click to See Live Demo

2.2. Layout Settings

By default, the ‘Content Layout’ is set to Masonry. If you want, you can change the ‘Column Grid’ & ‘Content Length’. Simply use the slider to increase/decrease the ‘Column Spacing’ of the Twitter Posts displayed. You can even pick the number of Posts you want to show on your Twitter Feed as well. If you want to hide the media for your Twitter Posts, simply just disable the toggle ‘Show Media Elements’.

Twitter Feed

Besides, you are also able to change the appearance of your Twitter Contents. Simply just use the drop-down menu ‘Content Layout’ and pick the ‘List’ option. As a result, your Twitter Feed will be displayed in a List Style.

Twitter Feed

2.3. Card Settings

Use the toggle to enable/disable the ‘Avatar’ option. If it’s turned on, you will be able to change the ‘Avatar Style’ to out of these 2 options: Circle & Square. If you wish, you can even turn off/on toggles for these following options: ‘Show Date’, ‘Show Read More’ & ‘Show Icons’. If disabled, the respective options on appearing in your Twitter Feed.

Twitter Feed

3.  How to Style Twitter Feed

Switch to the ‘Style’ tab to style all the features of the Twitter Feed and get your desired result.

3.1. General Style

From the ‘General Style’ section, you are able to change the ‘Background Color’. If you want, you can even add ‘Padding’ and ‘Margin’ to your Twitter Feed. Besides, you can also add Box Shadow & add ‘Border’ styling.

Twitter Feed

3.2. Others

You have the flexibility to change the ‘Background Color’ of each of the ‘Twitter Cards’ from the ‘Card Style’ section. You are also able to add Border Styling to it as well.

From the ‘Color & Typography’ section, you will have the opportunity to change the style separately for ‘Title’, ‘Content’ & ‘Link’. Besides, you can even change the ‘Size’ and ‘Color’ of the Preloader as well.

Twitter Feed

4. Final Outcome

By following the basic steps and a bit more modifying, you can style your Twitter Feed as per your preference.

Twitter Feed

With the help of EA Twitter Feed, this is how you can showcase your Twitter Contents on your website in an impressive way.

Getting stuck? Feel to Contact Our Support for further assistance.

[su_button url=”https://essential-addons.com/elementor/#pricing” target=”blank” background=”#37368E” size=”5″ center=”yes” radius=”round”]Get Started Now[/su_button]