Website Information

This page is meant to contain information about the website. It is not intended to be a page for viewing on the website.

---

How to add a new person

Adding a new person requires:

1. Creating an individual profile page
2. Adding the person to the “by member name” table in the Directory2 Page
3. Adding the business name to the “by business name” table in the Directory2 Page with a link to the individual profile page

1 – Creating an individual profile page

1. Make a copy of an existing individual page and then make the following changes:
   1. Under Page on right side the template should be set to full-width page
   2. Change the title to new name. The name appears on this edit page two times, once in black and once in color. Both are needed; only the color one will appear on the displayed page. The black one is used as part of the url for the page.
   3. Change the first heading to new name with a custom text color of #856269 and H1 size.
   4. Change the picture/contact info section. This is a two column area with the first column size set to 30% and the second 70%
      1. First column, add new picture. The alignment for the picture should be centered so the picture stacks correctly on a mobile screen. Insert the WBN image if no picture is available.
      2. Second column. Add all the contact information.
         1. Make a link out of the business site name (open in a new tab)
         2. Make a link out of the email address (open in a new tab)
      3. Table block>Table settings: fixed width table cells
      4. Table block>Advanced>Additional CSS Class(es): profile-table
   5. The next section is for the logo if available. Add an image block with the logo and center.
   6. The next section is for the name of the business. It should be a Heading, H2
   7. The next section is for optional information for profile. Use the paragraph block with a drop cap.
   8. Publish page.

2 – Directory2 page

This page contains two columns. The first column is an alphabetical listing of members and contact information. The second column is an alphabetical list by business name. Each business name links to the individual profile name.

By member name

1. Select alphabetically where in the table you want to add the person. table>edit table (box cut into 4 squares icon)>insert row
2. Add info. The following fields should be links: Member name, member email address, member business site.

by business name

1. Select alphabetically where in the table you want to add the person. table>edit table (box cut into 4 squares icon)>insert row
2. The business name should be linked to the individual profile with an open into a new tab.
3. Publish. There will be a message to select the changes you want to save. Check membership tables and save.

---

Custom CSS

Here is the custom css for this site that was added to the site. A copy is here and will need to be reapplied if the theme is updated:

/* set top bar and footer colors */

.main-navigation ul ul, .footer-widgets-wrapper, .site-footer, .top-bar {
background-color: #856269;
}

.main-navigation {
font-size: 1.15rem;
}

/*active nav color */
.main-navigation .current_page_item>a, .main-navigation .current-menu-item>a, .main-navigation .current_page_ancestor>a, .main-navigation .current-menu-ancestor>a {
color: #4684C7 !important;
}

/*take off page name */
.entry-header {
display: none;
}

Jetpack_widget_social_ icons-2 { text-align: center; }

.alignfull {
text-align: center;
color: #ffffff;
margin: 0;
}

.createdby {
text-align: center;
}

/* don’t display headers and titles */
.site-header .size-karuna-hero, .custom-header {
display: none;
}

/* Background color for every other line in table */
.wp-block-table.is-style-stripes tbody tr:nth-child(odd) {
background: #ebc397;
}

gcalendar {
min-width: 300px;
padding-right: 10px;
}

.profile-table {
text-align: center;