Twitter Feed Carousel

How to Configure & Style EA Twitter Feed Carousel

EA Twitter Feed Carousel  you the opportunity to add transition effects on how the Twitter Feed will appear in an impressive slider way. With this element, you will have the freedom to personalize the Twitter Feed Carousel. 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 Carousel
  2. How to Configure the Content Settings
    2.1. Account Settings
    2.2. Layout Settings
    2.3. Card Settings
    2.4. Carousel Settings
  3. How to Style Twitter Feed Carousel
    3.1. General Style
    3.2. Others
  4. Final Outcome

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

Twitter Feed Carousel

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

Twitter Feed Carousel

2. How to Configure the Content Settings

Under the ‘Content’ tab, you will be able to configure ‘Account’, ‘Layout’, ‘Card’ & ‘Carousel’ 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 Carousel

Copy the keys and simply just paste them in the respective fields under EA Twitter Feed Carousel ‘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 Carousel

2.2. Layout Settings

From the ‘Layout Settings’, you can modify the ‘Content Length’ and set the number of ‘Post Limit’. If you wish, you can easily hide the media for your Twitter Posts by disabling ‘Show Media Elements’ option.

Twitter Feed Carousel

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 Carousel.

Twitter Feed Carousel

You have the freedom to choose your preferred ‘Transition Effect’ from the ‘Effect’ dropdown menu: Slide, Fade, Cube, Coverflow & Flip. Besides, you can modify the ‘Visible Items’, ‘Items Gap’ & ‘Image Height’.

Use the toggle to enable/disable the ‘Autoplay’ option. If it’s turned on, you are able to change the speed as well. If you wish, you can even turn off/on toggles for these following options: ‘Pause on Hover’, ‘Infinite Loop’ & ‘Grab Cursor’. On the other hand, ‘Navigation’ section allows adding Arrows or Dots or both for your Carousel layout.

Twitter Feed Carousel

Click to See Live Demo

Switch to the ‘Style’ tab to style all the features of Twitter Feed Carousel 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 Carousel. Besides, you can also add Box Shadow & add ‘Border’ styling.

Twitter Feed Carousel

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. Moreover, you can easily add styling to the navigation icons from ‘Arrows’ & ‘Dots’ sections.

Twitter Feed Carousel

4. Final Outcome

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

Twitter Feed Carousel

With the help of EA Twitter Feed Carousel, this is how you can add your own slider transition effect and display your Twitter Contents in an amazing carousel 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]