Table Of Contents

Twitter Carousel widget

How to Use Twitter Carousel Widget

For the many website owners, the Twitter feed is very much important. Using our Twitter Carousel Widget, you can increase social engagement, keeping users on your own site, mostly improving SEO.

So, let’s get started.

To Insert Widget

inserting Twitter Carousel widget

To insert a widget into the section actually more or less is a matter of fun. Simply, drag and drop the Twitter posts carousel widget you want to use for your project. As you see in the screenshot above.

twitter carousel widget 1 - BdThemes

After inserting the Twitter Carousel widget, you will find a message to set API. If you are to use the widget for Twitter feed, you should first generate the API key.

When you are going to generate the API Key, you should make sure to do things. For example,

Content Tab

Using the Content Tab, you’ll be able to make a layout of a particular part of a website. And in this regard, some handy sections in the tab will assist you a lot.

Now, I’m going to show the sections of the tab and how they work behind the widget.

Layout

Finally, since you will generate the Twitter API key, it can be better able to set the layout of web content in the Twitter Carousel widget.

twitter carousel widget 2 - BdThemes

Go to the Content tab > Layout section > and check all controls as instructed below.

Here, this section will allow you to set Column numbers and Limit, and Cache Time as well.

Mostly, using the switcher button (Show Avatar, Avatar Link, etc), you might easily manage the carousel item. Switching on the Show Avatar on/ off option, you can display the twitter profile picture.

Come on, Avatar Link on/off option will let you make the profile picture linkable. See the image example.

Navigation

twitter carousel widget 3 - BdThemes

Simply, go to the Content tab > Navigation.

In general, from this section, you will be able to set Arrow, Progress, Dots, Arrows and Dots, Arrows and Fractions with carousel. If you want you can also go for the None for the carousel sliders. Moreover, the control of the position will let you set the position for each of the Navigation items.

Carousel Settings

twitter carousel widget 4 - BdThemes

Just, go to Content tab > Carousel Settings.

Here, this section will allow you to set the carousel behavior. From here, you should work mainly with AutoplayAutoplay SpeedPause on HoverCenter SlideGrab CursorLoop, Animation Speed and Observer.

More importantly, from the layout control, here, you can go for the CoverflowCarousel. And another thing is Item Match Height and it will let you match the height of the columns.


Style Tab

Now, let’s work with the Style Tab. The tab will easily have you style the web content (text, image, video, etc.) of the page you require to design the Twitter Carousel widget. 

Styling with the tab in Elementor will always give you a fantastic experience.

Let’s have a look.

Item

In this section, under the modes (Normal and Hover), you will be able to style (Such as BackgroundBox-shadow, etc.) of the product description. See the images below.

Normal:

twitter carousel widget style 1 - BdThemes

Go to the Style tab > Items > Normal.

Hover:

twitter carousel widget style 2 - BdThemes

Go to the Style tab> Items > Hover.

Avatar

twitter carousel widget style 3 - BdThemes

Just, go to the Style tab > Avatar.

This section will let you style profile pictures on Twitter. You might set Width, Alignment, Background, Padding, Margin, Border Radius, and Opacity for the Twitter posts carousel.

Execute Buttons

twitter carousel widget style 4 - BdThemes

Only, go to the Style tab > Execute Buttons.

In section, you might add color and hover color. Just, take a look at the image example above.

Time

twitter carousel widget style 5 - BdThemes

Go to the Style tab > Time and add color and hover color to the time(for example, 4 days ago).

Navigation

twitter carousel widget style 6 - BdThemes

you have to go to the Style tab > Navigation.

When you’re going to style, you’ll find different options on the basis of navigation item from the Content tab.

In addition, you’ll be able to style the scrollbar from the Scrollbar Style sub-section.

Video Assist

At the end of this documentation, I hope you’ve noticed what is Twitter Carousel widget by Bdthemes is and how it works for you. Watch the video inserted above. If you want to discover what more is possible to do using this one, you can visit the demo page.

Need any assistance? Call Us: +880 1700 55 95 95 | © Copyright 2022 All Rights Reserved by BdThemes
AUTUMN Sales up to 60% Discount on our products | Coupon: AUTUMN

Ready to buy our Products?

Don’t miss Powerful Elementor plugins; the Element Pack Pro, Prime Slider, Ultimate Post Kit, Ultimate Store Kit and over 2000+ ready templates for professional web design. 

Changed your Mind?

Please Suggest us how to improve

Up to 60% OFF

Purchase all our add-ons and make your website better than ever with our web designing products. Make your purchase with our limited-time AUTUMN offer in 60% off.