• These are manually coded CSS and JavaScript “overlays” to portal.alta.org that reformat or hide elements, allowing customizations that aren’t baseline options.

• These should be checked with each re:Members update as HTML code class and element changes could break these, causing items to show back up, which is confusing at best, or a larger problem at worse.

• This code is found in the re:Members Admin, Web Sites module, “ALTA Portal” and “Advanced Settings” with “This Site” being public facing pages, and “Administration Site” being the admin portal pages.

• Additional CSS code for COLORS only is found here: https://www.alta.org/css/blue.css

• Use EXTREME caution when editing these, and any major work should be tested in UAT first.

Public Pages

JavaScript changes when page loads:

1. Login form assistance info, phone, email added

2. Sidebar hidden completely

3. Search for “No Open Balances” under sidebar for individuals, hide whole “Pay Open Balances” if there.

Style changes:

1. Login form colors and logo adjusted

2. MANY style adjustments required to merge ALTA.org HTML shell with Impexium code

3. “blue.css” file adjusts all colors (buttons, etc.) to be ALTA’s

4. Header and Button fonts changed to “Roboto Slab” and sized

5. “Required” marker changed to black

6. Ind/Org Profile image upload/edit/output hidden

7. Purchase box and related items styles and sizes adjusted

8. Icons adjusted to “Font Awesome 5 Free” to match ALTA.org

9. “Show in Directory?” options hidden where not used for what they seem.

10. PFL and Membership renew and other buttons hidden.

Admin Pages

JavaScript changes when page loads:

1. Sidebar items hidden

2. Org Email/Phone/Address text added

   • Only shows when that tab is loaded, not when switching to it

3. Ind/Org “In the Registry” red bar added

Style changes:

1. Header and Button fonts changed to “Roboto Slab” and sized

2. Invoice Logo adjusted to max 400 pixels wide

3. Labels, checkboxes, and grey box for “Show in Directory?” options hidden

4. Ind/Org Profile image upload/edit/output hidden

Individual Profile changes:

1. On the Individual Overview tab, after everything else loads, custom JavaScript passes the ALTA ID to a script on www.alta.org

2. This then pushes back script to adjust the HTML in the center column to display the individual’s most recent Engagement Level.