Using the Page Style Designer

The Page Style Designer is a portion of the Advanced Editing that allows you to complete customize colors, style, and design of your webpage. Again, we recommend setting up your page first in Edit Page Settings before beginning to edit using the Advanced Editing. Below, we will cover how to make the best use of the Page Style Designer.

  1. From the Project Home, select Manage Project Website under the Project Website header.
  2. Click View/Edit Page on Website. Read the warning, and then click Edit in Page.
  3. Click Edit Page in the top right of the toolbar.
  4. Hover over Page Settings in the tool bar, select Design from the drop down menu.
  5. Here you have the option of determining Page Layout and Page Container.
  6. Scroll down to see some Page Style templates. These are pre-built into the software and can be used to quickly make a page have a color scheme. If you would prefer to choose colors and style yourself, click the Change Fonts and Colors drop down menu.
  7. Choose Edit Page Style.pg_styl_des_1.jpg
    • Note: you have the options for Global Style and CSS Editing. Greater Giving does NOT support CSS, and is offered only as an option for advanced users.
    • Greater Giving also does not typically recommend Global Style, as changes made to Global Style affect all current and future pages, and do not allow for Page edits to occur. Certain exceptions may apply, such as organization color schemes, adjusting default link size, or special footers.
  8. Click the new drop down menu titled <Setting>.
  9. Choose which option you would like to change. The menu is broken down as “Topic – Particular”, such as “Colors – MainText”, or “Backgrounds – PageBackgroundImage”.
  10. Once you have made a selection, click the new third drop down menu titled <Option>.
    • Option changes based on what topic has been selected. Colors will feature a color palette, Fonts will feature a list of acceptable fonts, Spacing will feature a pixel spacer, and certain Backgrounds will feature an image uploader. See our Design Categories article for more information about these categories.
  11. Scroll down to set up a Friendly URL. You must click first on the Friendly URL area to make it pull down some additional options.
  12. Other Settings include a Start and End Date of a page; use this if you would like the page to automatically shut down after a certain date.
  13. Click Update in the bottom left to save any Style changes you have made!
  14. In order to get the best results, click View Page in the top right of the toolbar to see the page as a visitor would see it. 


Was this article helpful?
1 out of 6 found this helpful