How to Use Member Widget

element pack

How to Use Member Widget

A membership card is especially a photo card that can serve as a form of identification. There are three types of member card like digital, paper & plastic. Here I going to show how you can make a digital member card using the member card widget.

The guideline below about Member Widget will get you to walk in the right way to use the widget developed by Element Pack
Moreover, I’ll guide you in different phases of how you can insert & use the widgets to design layout for the content (text, image, and video, etc.)  you want to work with and style as well.



Content Tab

The Content Tab having some handy sections for making an attractive web page will genuinely get you to have a structure of the web content (text, image, video, etc.).  Here, you’ll be able to work with the Layout and Social Icon section.

Layout

In this section, going to Skin control, select anyone perfect one as well as default one and select image from the control of Choose Photo. In the Name & Role controls, you’ll be able to set your one.

One more important thing, if you want you can set an alternative image or social icon just enabling the YES/NO switcher button of the Alternative Photo & Social Icon controls.

There’s actually a bunch of options for the Skin. Each one has a different style and slightly different configuration. The Flip option is a new addition to Element Pack 5.6.0 update.

Social Icon

This section will allow you to add social icons as many as you need. Just go to Social Icon > and hit the Add Item.

You can set titles, links, and icons. Just go to any repeater and hit. Then, give the title in Title and set a link in Link control and finally set icon from the icon library existed in Choose Icon.



Style Tab

It is time to work with Style Tab. The tab will confidently have you style the web content (text, image, video, etc.) of the page you want to design.

Let’s take a look.

Member

Look. When you’re going to style any skin, you’ll need to follow what skin you’ve chosen from the Skin control.

Then you can go for the style and feel free to use the controls you find.

Here, I’ll show you the demonstration of one of the skins. The above image is about Ekip skin. Similarly, you can go for other skins like Partait, Band, Calm, Phaedra.

With every single skin, you’ll find a photo, title, sub-title, and social icon. You’ll be able to give style to all the mentioned contents.

Photo

In this section, you can add background color, border type, border-radius, opacity, and spacing. In the Hover mode, you’ll be able to set opacity and animation.

Name/ Role

From here, you can set a color, typography, spacing for Name text and Role text. Read more about Typography.

Social Icon

If you need to style the icons, you’ve to work in the Social Icon section. So go to the section and use the controls existed. Keep your eyes on the screenshot for having an idea.



About Selim Rana

Selim Rana is the Founder of BdThemes - the company behind Element Pack Pro! He is a Software Engineer passionate about WordPress and Elementor.


Up to 50% OFF

Missed The Black Friday offer this year? Get up for flat 50% discount right now.