This tab includes settings that will affect some styles, features that are in every snapshot:
Sitewide
Sitewide, background styles will allow you to set how the background appears throughout the campaign.
- Background Image: This is an image uploader field that will let you upload images from your device. Images should not exceed 100kb. If an image is uploaded, the app will use the image for the background and not the color set below.
- Background Color: This is a hex color picker field that will let you enter a hex color or drag your cursor until you find the hex color you are looking for. You will also be able to set opacity. Your RGBA and HEX values will display next to the color picker once chosen.
- If no image is uploaded above, the color will display as the background and the settings below will not be used.
- If an image is added but not set to cover, the color will display behind the background image.
- Background Size: Applies to the background image when used and allows you to choose from:
- Auto: This will set the background image to its natural size. It will not be scaled.
- Contain: This will set the background image to contain to either the full height or width, depending on whichever the image reaches first.
- Cover: This will stretch your image to fill the entire size of the application
- Background Repeat: Applies to the background image when used and allows you to choose from:
- No Repeat: This will not repeat your background image
- Tile: This will tile your background image to repeat in the size you chose
- Repeat Horizontally: This will place your image across the screen from left to right in your size choice
- Repeat Vertically: This will place your image across your screen from top to bottom in your size choice
- Background Position: Applies to the background image when used and allows you to choose from:
- Top Left: Your image will be placed in the top left of the screen
- Top Center: Your image will be placed in the top center of the screen
- Top Right: Your image will be placed in the top right of the screen
- Center Left: This will place your image in the middle of the page on the left hand side
- Center Center: This will place your image in the middle of the page
- Center Right: This will place your image in the middle of the page on the right hand side
- Bottom Left: Your image will be placed in the bottom left of the screen
- Bottom Center: Your image will be placed in the bottom center of the screen
- Bottom Right: Your image will be placed in the bottom right of the screen
Footer
Settings
- Display Footer: Controls if the campaign has a footer. If toggled on, this will display the footer in the app and if toggled off, the footer will not be displayed in the app and there will not be a footer.
- Enable Background Bleed: Allows you to choose if the background of your footer extends past 980px on larger devices. If toggled on, this will extend the background of the footer past 980px on larger devices and if toggled off, the footer width will be a max of 980px on larger devices. Note: This should match your header width settings for consistency.
Content & Copy
- Copy: Legal or copyright text displayed at the bottom of footer.
- Utilize basic syntax markdown for additional styles or symbols. For example, to add the copyright symbol to the text field here, use “©” where “Copyright © 2023” will display as “Copyright © 2023”
- Links: You have the ability to add up to 10 footer links, setting the link copy and URL for each one. Once you add a link, you’ll see additional options on the left of each link which includes the ability to adjust the link’s order with the up/down arrow icons, duplicate a link, and delete a link.
- Sort: Use the dropdown to set how your footer links are sorted. Options include manual (uses the order of how the links are added within these Campaign Settings) or alphanumerically (ascending or dissenting).
Styles
- Background color: This is a hex color picker field that will let you enter a hex color or drag your cursor until you find the hex color you are looking for. You will also be able to set opacity. Your RGBA and HEX values will display next to the color picker once chosen.
- Follow icons: The footer social icon color scheme is independent from the footer link & text settings that can be set by the app color theme under the Theme Tab, however the “Custom” follow icon theme setting will use the Default Color Scheme from Theme tab when selected.
Errors
This section will let you set the error copy for your campaign. All errors appear within modals and some include buttons or links.
Please note that default copy has be pre-loaded within all of these error messages to minimize adjustments needed.
- Generic: This includes two text fields that will allow you to set the copy for the Headline and Description when a generic error happens
- Geo: This includes two text fields that will allow you to set the copy for the Headline and Description when a user is not in the specified geo location for this app. You also can include a link within this error modal.
- Overlimit: This is two text fields that will allow you to set the copy for the Headline and Description when a user has cast all their votes for that voting window.
- Window: This is two text fields that will allow you to set the copy for the Headline and Description when the application’s voting window has closed. This could occur when someone is on the site and the round snapshot has been set to inactive, but a user attempts to vote at the same time.
- Facebook Permissions: This is two text fields that will allow you to set the copy for the Headline and Description when a user chooses to not share specific necessary permissions with the app when logging in with Facebook. This error modal also includes a button that when clicked attempts the login process again with the user’s new permissions settings.
- Facebook Generic: This is two text fields that will allow you to set the copy for the Headline and Description when Facebook is not providing the necessary information needed for the user to continue. This error modal also includes a button that when clicked attempts the login process again.
- Apple Private Relay: This is two text fields that will allow you to set the copy for the Headline and Description when a user has Apple Private Relay enabled on their device. You also can include a link within this error modal; we recommend directing them to the Apple Support page to learn how to turn this off.
Modals
Set the styles for all modals, including the following:
- Container background color
- Close button color (mobile, tablet, and desktop)
- Close button hover and active color
- Overlay background color