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.
After you are successfully done with this step, this is what the element is going to look like.
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.
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.
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.
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.
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.
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.
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.
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.