WEBSITE INSTRUCTIONS, STANDARDS & LOGOS

Click on User Manual - PDF or open detailed instructions in the table below:
1) Publishing website Changes
Publishing is the most import part of the website changes process.

Keep the following in mind when making website changes:
  • After making your updates, click the Publish button in the upper right corner to publish to Kellerseniors4seniors.org live website pages.
  •  Review updates display correctly on the Kellerseniors4seniors.org website. The website automatically displays the changes after publishing. 
For ALL new content:
  •  Add new content to the WORKINPROGRESS page and ask a team member to review the new content prior to moving to live website pages.
  •  Always have a team member review any “new content” before adding to the website pages. 
The WORKINPROGRESS page is not a part of the website navigation.  Use this page for any updates you want to view first before adding to the live website pages.
NOTE: Once Published, it cannot be undone.
2) Text updates and Formatting
Adding a text box:
  1. Drag & drop a Text Box from the Basic section on the left navigation section.
  2. Click into the Text Box and enter your text.
  3. Use the popup window text options to format the text.​ ​
Making text changes:
  1. ​Place your cursor on the text to edit or insert text and left click your mouse (your curser will insert in the position you need).
    1. A popup window displays with text format options.
  2. Once you have completed your text changes, you need to Publish the changes.
​NOTE: Text format options are displayed in the black bar above the text box. The system does not allow for changing font types only sizes, colors, positions, etc.
Moving a Text Section:
  1.  Click above the first line of text and the text box outlines in blue.
  2. Place your cursor on the top center of the blue bar (see picture) and drag & drop on the location you are moving the text to.
 NOTE: Moving may take practice. Try it on your Work in Progress page before you move text the first time.
Text Alignment:
- Text is “justified” across all pages where it makes sense.​
​
​Text Colors:
To update text color, highlight the text and select the Capital A and select color.
3) Adding pictures or Slideshows to the gallery
Editing the photos in an existing slideshow or create a new slideshow:
The same process is used to add or remove photos when: ​
  • Creating a new Slideshow select a slideshow template below this box.
  • Removing or adding a picture(s) to an existing slideshow select the Slideshow from the Gallery.​
How to remove/add pictures to a slideshow:
  • Click on a picture in the Slideshow and a Slideshow popup window opens.
  • Click on Add/Edit Photos.
    • Please do not change the Options in this window.
  • The Manage Slideshow Photos popup window opens displaying all photos included in the specific slideshow.
  • To remove unwanted photo(s)
    • Click the trash icon in each photo.
  • To add new photo(s)
    • Click Add Photos button.
  • Select the pictures to import (you can select one or all at the same time).
  • Once imported, you can reorder how they display by drag/drop.
  • Click Save
NOTES:
Slideshows are formatted to display side by side. When adding a new slideshow, if it does not have another slideshow next to it, add "Keep Checking Back for more" to display as 2 columns.
4) gallery pictures Slideshow Templates
Monthly Birthday Slideshows
August 2023
Sponsored by xxxxxx
Luncheon or Other Events Slideshows
Sponsored XXX Event
​Date 23, 2023
Sponsored by Humana
Keep Checking Back for more slideshows...
Keep Checking Back for more slideshows...
5) How To ADD, Copy OR DELETE a Section
 How to Add a Section:
Drag & Drop Section option from the left navigation under the Structure options.
  1. A popup window options display, select the Gallery option only.
You can begin adding text or graphics in the section.
How to Copy a section:
  1. Click on the top of the section and a popup displays Edit Background | Move | Delete.
  2. Click Move & a popup displays Move | Copy.
  3. Select Copy and popup display options are: "To another page" or "On this page".
  4. Click on your choice and the page you copy the section to.
Note: The page automatically moves to the selected page you copied.
How to Delete a section:
  1. Click on the top of the section.
  2. A popup displays Edit Background | Move | Delete.
  3. Select Delete.
CAUTION: Once delete is done, IT CANNOT BE UNDONE!
6) ADDING AN IMAGE/LOGO
To ADD an image/logo:
  1. Drag & Drop Image option on the left navigation under the Basic options.
  • Default is Select images from My Computer.
  • Or Upload a Photo from your computer
  1. Image URL - Enter the URL of an image somewhere on the web. 
7) Copy IMAGE/logo or text box to another location
To copy image or text box, we will use a logo picture. Anywhere you see a Blue Square White Arrow, you follow the same process:
  1. Click the logo or text box and place the cursor in the upper left corner over the Blue Square White Arrow and click (left mouse click).
  2. An IMGAGE popup shows two options as MOVE or COPY.
  • Click COPY and select a page that displays below COPY and it copies to the selected page.
  • ​Click MOVE and it moves it to the selected page, but it also removes it from the existing page.
​NOTE: Logos on the Edits page are each linked directly to the partners website.

​LOGOs are below the window
8) moving a Logo and sizing a logo on a page
Once you have copied a logo to a page, you can:​
- Drag and drop where you want to display on the page.
- Resize by dragging the blue square in the lower right corner up or down.
- Reposition to left, center, or right.
- Space from left to right or top to bottom margins.

NOTE: Moving the logo may take a little practice so try to move a logo around on your Practice page.
9) Adding a line divider between  items
To insert a dividing grey line:
  1. Drag & Drop Divider option on the left navigation under the Structure options.
    1. When you hoover to drop in place, a blue line will display.
  2. Spacing can be edited to change the width and Top or Bottom Margins.
​
10) Future instructions use
10) Tracking FOrms - website forms and who suBMITTED a form
tracking_forms_submitted_on_kcsf_website.pdf
File Size: 195 kb
File Type: pdf
Download File

Website Format Standards

Text Alignment “justified” across all pages where it makes sense.​
​Website Colors:
  • RGB colors for Page Main Background text #ecf4d9
  • RGB colors for in Accordion Title Level #fcfce9(off-yellow)
  • RGB colors for Accordion Background Donation Levels #ecf4d9
  • ​RGB colors for Accordion Background FAQ #ecfce9
​Text Standards:
  • Text standards are “justified” across all pages where it makes sense.
​​​Website Colors for page consistency:
  • RGB colors for Page Main Background text #ecf4d9
  • RGB colors for in Accordion Title Level #fcfce9(off-yellow)
  • RGB colors for Accordion Background Donation Levels #ecf4d9
  • ​RGB colors for Accordion Background FAQ #ecfce9

All LOGOS FOR WEBSITE and brief verbiage used...
(for expired logos, go to ARCHIVES page)


​Keller Community Senior Fund, Inc., is a 501(c)(3) Non-profit Volunteer Group, serving the members of the ​Keller Senior Activities Center.
 "See What We Do"
We proudly present our Galleries of Videos and slideshows for your viewing pleasure!
​Just select a Gallery below to see everyone in these events & activities:
Website Links to Redirect
Supporters of the Keller Community Senior Fund, Inc. 
Logos and links to external sites
No donation is too large or too small, it all helps us, to help them!​​ ​The Keller Community Senior Fund, Inc., is a 501(c)(3) non-profit, so your donations are tax deductible as allowed by IRS Tax laws. You will receive a receipt acknowledging your donation to ensure you have documentation for your records. ​
Future logos promoting events

KCSF Keller Community Senior Fund, Inc. Logos