< All Topics
Print

Icons/Icon Groups

Icons are for single icons with text. Icon Groups are a great way to serve collections of icons. You will find these in some headers, footers and on the Leadership page beneath each leader.

Example

Here is an example of an Icon Group:

Adding Icons or Icon Groups & Step-By-Step Instructions

  1. You can add an Icon or Icon Group by first navigating to the page you want. 

    Option A: Select Launch Page Designer from the Page admin (when viewing the admin side of the website). – OR – 
    Option B: Select Page Designer from the top navigation bar (when viewing the public-facing page)
  2. Click the + Symbol in the upper right hand corner.  
  3. Under the Modules tab (with Standard Modules selected), scroll down to view the Icon Group module.
  4. Select the Icon Group module and drag it onto the page where you want to add it. 
  5. Release the mouse to place the Icon Group. Your group may be blank because you haven’t added any icons yet.
  6. Under the General tab, you can Add, Edit, Move Position, Duplicate and Delete. 
  7. If you select to Add or Edit an Icon, the Add Icon dialogue box will appear. Here you can add or change the icon and add a Link URL.
  8. Under the Add Icon Styles tab, you can set or change the specific Icon colors. Otherwise, you can set general colors in the next step.
  9. If you click Save, the Add Icon dialogue box will close to reveal the Icon Group dialogue box. Under the Styles tab, you can change the icon size, spacing and alignment. You can also set the Icon Group colors. If you want to set specific colors for each icon, you can do that in the preceding step.
  10. Under the Advanced tab, you can set additional Spacing, Visibility, Animation and HTML elements. 
  11. If you’re finished, click the blue Done button in the upper right hand corner of the website.
  12. Select Publish to make your changes public. 

Editing Icons or Icon Groups

  1. You can edit an Icon Group by first navigating to the page you want. 

    Option A: Select Launch Page Designer from the Page admin (when viewing the admin side of the website). – OR –  
    Option B: Select Page Designer from the top navigation bar (when viewing the public-facing page)
  2. Hover over the Icon Group you want to edit. A blue or orange box should appear around the module.
  3. Click on the Wrench icon or anywhere inside the blue outline to make your changes.
  4. Click the blue Done button in the upper right hand corner of the website.
  5. Select Publish to make your changes public. 

Duplicating Icons or Icon Groups

  1. You can duplicate an Icon Group by first navigating to the page you want. 

    Option A: Select Launch Page Designer from the Page admin (when viewing the admin side of the website). – OR –   
    Option B: Select Page Designer from the top navigation bar (when viewing the public-facing page)
  2. Hover over the Icon Group. A blue or orange box should appear around the module.
  3. Click the Duplicate icon at the top left of the module as shown below:

Deleting Icons or Icon Groups

  1. You can delete an Icon Group by first navigating to the page you want. 

    Option A: Select Launch Page Designer from the Page admin (when viewing the admin side of the website). – OR –   
    Option B: Select Page Designer from the top navigation bar (when viewing the public-facing page)
  2. Hover over the Icon Group you want to edit. A blue or orange box should appear around the module.
  3. Click the X icon to delete.
  4. When the dialog box appears, click OK.

Contact Support

Reach out to us at (503) 999-5740 or support@puremediainc.com to learn more.

Previous HTML
Next Maps
Table of Contents