Instructions for Using the 3-col-Card Widget

 

Instruction

This widget dynamically generates responsive cards with titles, text, and links. Follow the steps below to customize it for your content:

1. Locate the cardsData Array:

   • Inside the JavaScript code, find the cardsData array. Each object in the array represents a card.

2. Customize Each Card:

   • Title: Update the title field to change the card's title.
   • Text: Edit the text field to include the content displayed in the card.
   • Link: Modify the linkText field for the clickable link text and the linkHref field for the URL the link points to.

3. Add or Remove Cards:

   • To add more cards, append new objects to the cardsData array with the same structure.
   • To remove a card, delete its object from the array.

4. Preview and Save:

   • After making changes, refresh the webpage to see the updated cards. Save your work once you're satisfied.