Cyber Week Sale Extended! Get a Flat 50% Discount on Everything, Coupon: TLBF23

Learn More
X

How To Use Service Card Widget Of EnterAddons

Service Card widget represents some information regarding that specific service such as: image, title & content or description. You can build service cared easily with EnterAddons.

Using Service Card Widget:

You can see the below video to get an insight into how you can use the Service Card Widget, Or you can follow the documentation whichever you find convenient.

Firstly, select the Service Card Widget from the menu bar on the left-hand side of your screen and drag and drop it in the selected area.

Step1:

Step2:

In ‘Content’ Section you will get ‘Title’ and ‘Image’ section.

Firstly, from ‘Image’ section, choose an image of your employee for his/her profile.

You can upload the image from your computer or you can download it from elsewhere. You can also set the size of the image.

Then, from ‘Title’ section you can set Title, set HTMLtag, icon and link for each service card item.

Step3

In ‘Style’ section you can stylize the widget. You will get the options Item Wrapper Settings, Title, Image and Icon in this section.

From ‘Item Wrapper Settings’ section you can add margin, padding, border-type ( color, width ), border-radius, box-shadow, background-type respectively, in NORMAL view.

Moreover, In this section you will also find HOVER view like below.

After that , from ‘Title’ section you can edit title color, typography, margin, padding, background-type( color and image ) respectively, in NORMAL view.

Moreover, In this section you will also find HOVER view like below.

Then, from ‘Image’ section you can add image height and width, margin, padding, border-type ( color and width ), border-radius, background-type ( color and image ) respectively.

After that , from ‘Icon’ section you can add icon wrapper width, icon wrapper height, margin, padding, border-type ( width and color ), box-shadow, border-radius, background-type (color and image ), icon color and icon size respectively, in NORMAL view.

Moreover, In this section you will also find HOVER view also like below.

Step3

Finally, after finishing all the editing click update and click on ‘Preview > Preview in new tab’ to see your work live.

That’s It!.