Table Of Contents

Twitter Slider widget

How to Use Twitter Slider Widget

This document is about the Twitter Slider Widget and its usage. To many website owners, Twitter feed is very much important. Because the feeds work for increasing social engagement, keeping users on your own site, mostly improving SEO. However, here, I am going to show how you can do all these things using our Twitter Slider Widget.

So, lets get started.

To Insert Widget

inserting the Twitter Slider widget

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

twitterSlider 2 - BdThemes

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

When you are going to generate the API Key, you should make sure to properly channel it. You may take help from this doc here-


Content Tab

Using the Content Tab, you’ll be able to make a layout of a particular part of a website using the Twitter feed widget. 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 slider.

twitterSlider 3 - BdThemes

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

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

Mostly, using the switcher button (Show Avatar, Avatar Link, etc), you might easily manage the slider 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

twitterSlider 4 - 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 slider. If you want you can also go for the None. Moreover, the control of the position will let you set the position for each of the Navigation Item for the Twitter Slider widget.

Most importantly, if you select Arrows and Dots from the Navigation dropdown menu, you’ll find Dynamic Bullets? switcher button that will let you make the bullet points dynamic.


Another thing is Show Scrollbar? and Hide Arrow on Mobile?

Just, take a look at the image above.

Slider Settings

twitterSlider 5 - BdThemes

Come to Content tab > Slider Settings.

Here, this section will allow you to set the carousel behavior. From here, you should work mainly with AutoplayAutoplay SpeedPause on Hover, Loop, Animation Speed, and mostly you can select Transition (Slide, Fade, Cube, Coverflow, and Flip).


Style Tab

Now, let’s work with 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 Slider widget by Element Pack. 

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

Let’s have a look.

Items

twitterSlider style 1 - BdThemes

Go to the Style tab > Items> Normal.

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

Avatar

twitterSlider style 2 - BdThemes

Just, go to the Style tab > Avatar.

This section will let you style profile picture on Twitter. You might set Size, Alignment, Background, Padding, Margin, Border, Border Radius, and Opacity.

twitterSlider style 3 - BdThemes

Here, you also add Box Shadow and CSS Filters to the Twitter Profile picture of the Twitter Slider widget. Take a look at the screenshot above.

Time

twitterSlider style 4 - BdThemes

From this section, you can add both normal and hover color to the Time.

Execute Buttons

twitterSlider style 5 - 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.

Navigation

twitterSlider 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 navigation item from the Content tab.

twitterSlider style 7 - BdThemes

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

Video Assist

In Conclusion, though our Twitter Slider widget, you can do some tricky parts, hopefully, in the end, you have got the solution. You can stream the video clip above, provided by Bdthemes. And to get more ideas about this, visit the demo page.

Need any assistance? Call Us: +880 1700 55 95 95 | © Copyright 2022 All Rights Reserved by BdThemes
Be cool in Summer with up to 40% OFF on our products | Coupon: SUMMERSALE

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 40% OFF

Grab the best summer deal and enjoy awesome Elementor web design tools in your hands now! This is a limited-time offer so get it before time runs out.