Table of Contents
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: #
- How to Activate Twitter Feed Carousel
- How to Configure the Content Settings
2.1. Account Settings
2.2. Layout Settings
2.3. Card Settings
2.4. Carousel Settings - How to Style Twitter Feed Carousel
3.1. General Style
3.2. Others - Final Outcome
1. 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.
After you are successfully done with this step, this is how the element is going to look like.
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’.
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.
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.
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.
2.4. 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 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.
Click to See Live Demo #
3. How to Style Twitter Feed Carousel #
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.
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.
4. Final Outcome #
By following the basic steps and a bit more modifying, you can style your Twitter Feed Carousel as per your preference.
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]
