1. Home
  2. Docs
  3. Happy Elementor Addons Pro
  4. Premium Widgets
  5. Twitter Feed Carousel

Twitter Feed Carousel

Now you can use the new Twitter Feed Carousel widget of Happy Elementor Addons Pro on your website to display the most important twitter posts in an organized way. You can easily use this widget to drag & drop, edit, and stylize your twitter posts according to your website design.

So, let’s see how you can use it on your Elementor website.

Step One:

To use the Twitter Feed Carousel widget, select the widget from the left-sidebar and drag it to the marked area.

Twitter Feed Carousel widget

Step Two:

In the next step you’ll need to set up your twitter account for inserting a ‘Consumer Key‘ and ‘Consumer Secret Keys‘.

You can read this documentation on how to get the Consumer Key and Consumer Secret Key.

Twitter Feed Carousel Widget

So, after inserting both these keys including the username, you can see that all your twitter posts are appearing on the screen.

Post Appearance

Next, click on the ‘Twitter Settings‘. Here you can sort the posts by recent posts, old posts, favorite posts, number of posts and retweets, etc.

Also, you can customize the twitter logo, profile picture, name, user name, date, react count, retweets count, and read more button, etc.

Twitter Setting

In the settings section, there are more options to customize your design. Such as alignment, footer alignment, user info position, animation speed, how many slides you want to show, post navigation, and more.

General Settings of Twitter Feed Carousel Widget

Step Three:

To stylize click on the ‘Style‘ section. Here you can edit each and every section of your design step by step.

Stylize Twitter Feed Carousel Widget

To slightly change the layout, you can change its spacing, padding, border type, box-shadow, and background type, etc in the Common section.

Stylizing Widget

On the User Info section, you can put some value here. Such as user spacing, icon, profile image, spacing, border type, colors, and typography (name & User Name), etc.

User info

Next, you’ll have the Content & Footer part to edit. Similarly, you can stylize padding, spacing, colors, typography, icon colors, etc.

Content & Footer

Following the same process, you can do the process for navigation arrow & dots also.

Navigation

So click on the ‘Navigation Arrow‘ section. You can customize arrow position, background, font size, border type, border-radius, color, background color, etc.

navigation arrow

Well, in the last part of the style section, here you’ll have ‘Navigation Dots‘. You can easily change its styles like vertical position, spacing, alignment and color, etc.

navigation dots

Step Four:

If you want to add motion effects, Happy Effectsbackground, or make the page responsive, click on ‘Advanced‘ to explore those options. the ‘Advanced’ is a default feature of Elementor. Give a read to this Document to know more about Advanced features and its uses.

Advanced section of Twitter Feed Carousel

Lastly, you will see a beautiful Twitter Feed Carousel Widget on your website.

Final Preview of Twitter Feed Carousel

That’s It!

Was this article helpful to you? Yes No

How can we help?