Category

Common Design Edits

In terms of Design, there are a few frequently asked questions that we will provide answers to here. These frequently asked questions all involve basic editing using the Design tab, and will improve the look and feel of your page if completed. As always, after an edit is made, Greater Giving recommends refreshing your page to see the design take effect.

How Do I…

Change the Background Image:

  1. While viewing the page you wish to change the Design on, click Edit Page in the top right corner.
  2. Hover over Page Settings in the Online Payments Toolbar, and select Design.
  3. Scroll down, and click the Change Fonts and Colors drop down. Select Edit Page Style.
  4. Click the <Setting> dropdown menu and select Backgrounds – PageBackgroundImage.
  5. An Image Uploader will appear. Either select the Folder where your image is located and select the File, or click Upload File to browse your personal files.
    • Note when uploading a new file, the limit of 300kb is still enforced. Greater Giving recommends .JPEG or .PNG for your image type.
  6. Click Update to save your new Page Background!

Make Hyperlinks Larger:

  1. While viewing the page you wish to change the Design on, click Edit Page in the top right corner.
  2. Hover over Page Settings in the Online Payments Toolbar, and select Design.
  3. Scroll down, and click the Change Fonts and Colors drop down. Select Edit Page Style.
  4. Click the <Setting> dropdown menu and select Fonts – LinkSize.
  5. Click on the <Option> drop down menu and select a new font size. Most hyperlinks default to 10.
  6. Click Update to save your new hyperlink size!

Change the Font Size:

Be aware that this will change the font size for whatever section of Fonts you choose. This may override font sizing you have chosen from within the module itself (in the case of HTML modules, or any other area where you have used a Text Form editor).

  1. While viewing the page you wish to change the Design on, click Edit Page in the top right corner.
  2. Hover over Page Settings in the Online Payments Toolbar, and select Design.
  3. Scroll down, and click the Change Fonts and Colors drop down. Select Fonts – MainSize.
    • Of course, you don’t have to select MainSize. You have other options depending on the level of font you want to change. See our Design Categories for more help on the particular categories.
  4. Click on the <Option> drop down menu, and select a default Main Font size. This will override the entire Main font sizing throughout this page.
  5. Click Update to save your new font sizing!

Change the Text Color:

Be aware that this will change the text color for whatever section of text you choose. This may override text colorization you have chosen from within the module itself (in the case of HTML modules, or any other area where you have used a Text Form editor).

  1. While viewing the page you wish to change the Design on, click Edit Page in the top right corner.
  2. Hover over Page Settings in the Online Payments Toolbar, and select Design.
  3. Scroll down, and click the Change Fonts and Colors drop down. Select Colors – MainText.
    • Of course, you don’t have to select MainText. You have other options depending on the level of text you want to change. See our Design Categories for more help on the particular categories.
  4. Click on the <Option> drop down menu, and select a color to use. Alternatively, if you know the Hex Code you can enter that in the area to the left of the <Option> drop down. This will override the entire Main text color throughout this page.
  5. Click Update to save your new text color!

Change the Navigation Link Font Size:

  1. While viewing the page you wish to change the Design on, click Edit Page in the top right corner.
  2. Hover over Page Settings in the Online Payments Toolbar, and select Design.
  3. Scroll down, and click the Change Fonts and Colors drop down. Select Fonts – NavLinksSize.
  4. Click on the <Option> drop down menu, and select a new font size. Default font sizing is typically 10 for Navigation Links.
  5. Click Update to save your new font size!

Change the Navigation Link Button Size:

While changing the font size to the navigation link, you can actually change the button size itself. Greater Giving calls this Padding.

  1. While viewing the page you wish to change the Design on, click Edit Page in the top right corner.
  2. Hover over Page Settings in the Online Payments Toolbar, and select Design.
  3. Scroll down, and click the Change Fonts and Colors drop down. Select Spacing – NavLinkPadding.
  4. Click on the <Option> drop down, and change the pixel distance to something more of your liking.
    • Horizontal Navigation defaults to 24px if not changed. Vertical Navigation defaults to 8px.
  5. Click Update when finished to save.

Change Sizing of Horizontal Bars:

Across your page are some horizontal bars. Most notably around your navigation pane (if using horizontal navigation) and at the bottom of your page just above the About Us and Greater Giving bars.

  1. While viewing the page you wish to change the Design on, click Edit Page in the top right corner.
  2. Hover over Page Settings in the Online Payments Toolbar, and select Design.
  3. Scroll down, and click the Change Fonts and Colors drop down. Select Spacing – AllHorizontalBars.
  4. Click on the <Option> drop down, and change the pixel width to something more of your liking.
    • Horizontal bars typically default to 8px.
  5. Click Update to save your new Horizontal Bar Sizing!

 

 


Was this article helpful?
2 out of 5 found this helpful