Twitter Feed Carousel

How to Configure & Style EA Twitter Feed Carousel #

EA Twitter Feed Carousel provides you the opportunity to add transition effects on the Twitter Feed appearance 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.

Follow this step-by-step guide to add EA Twitter Feed Carousel on your WordPress site:

How to Activate Twitter Feed Carousel #

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

EA Twitter feed Carousel

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

EA Twitter Feed Carousel

How to Configure the Content Settings #

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

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 ‘API Key’ and ‘API Secret Key’.

You can get the 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 ‘Regenerate’ button from the ‘Consumer Keys’ section. After clicking on the  ‘Regenerate’ button, a pop-up will appear instantly, where you can get the ‘API Key’ and ‘API Secret Key’. If you do not have a Twitter App, you can simply create one from here.

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

EA Twitter Feed Carousel

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 the ‘Show Media Elements’ option.

EA Twitter Feed Carousel

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 the following options: ‘Show Date’, ‘Show Read More’ & ‘Show Icons’. If disabled, the respective options on appearing in your Twitter Feed Carousel.

EA Twitter Feed Carousel

Carousel Settings #

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 the following options: ‘Pause on Hover’, ‘Infinite Loop’ & ‘Grab Cursor’. On the other hand, the ‘Navigation’ section allows adding Arrows or Dots or both for your Carousel layout.

EA Twitter feed Carousel

Click to See Live Demo #

How to Style Twitter Feed Carousel #

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

Card Style #

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

EA Twitter Feed Carousel

Others #

You have the flexibility to change the ‘Title Color’, ‘Content Color’, ‘Link Color’, ‘Date Color’, ‘Icon Color’, ‘Border Color’ for each of the ‘Twitter Cards’ from the ‘Card Hover Style’ section. You are also able to change ‘Background Type’, ‘Box Shadow’  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’ & ‘Icon’ sections.

EA Twitter Feed Carousel

Final Outcome #

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

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

Powered by BetterDocs