Promote your work on your website with this robust Dribbble widget by Droit Elementor Addons.

Using Dribbble  #

Make sure you have the Dribbble widget enabled from your Dashboard > Droit Addons > Elements.  

And head over to Dashboard > Droit Addons > Api to connect your Dribbble account.

Enable Dribble from WordPress Dashboard

Step 1 #

To start working on your Dribbble feed search for the Dribbble widget from the left-hand side menu, and drag the widget to your preferred section.

Dribble on Elementor page builder

Step 2 #

And you will find that your Dribbble block has appeared. Now to further customize this block with layout settings from the content menu. From here you can tweak the Dribbble feed’s icons, item number, show/hide title, cached data, background, and padding.

Dribble widgets layout settings tab

Step 3 #

You can customize your header section from here with header image, enabling/disabling buttons, adding button texts and more.

Dribble widgets header section settings tab

Step 4 #

You can add style to your header from the header style option. 

Dribble widgets header style settings tab

Step 5 #

You can add style to your header button from here with typography, text color, and background setting.

Dribble widgets buttons style settings tab

Step 6 #

 To customize your Dribbble item field, head over to Dribbble item style. From here you can add margin, icon color, shot size, background, and more.

Dribble widgets Dribble item style settings tab

Live Copy & Paste #

You can follow all the steps above and create your Dribbble section, or if you’re interested in skipping some steps, you can visit Dribbble widget’s live demo page and simply copy one of three preset styles from the Live Copy button. And paste it in your preferred section.

Dribble live demo page
Elementor page builder

That’s it.

Powered by BetterDocs