Changing Appearance Online Ticket Sales / Donate Now / Donate an Item Pages
If the default appearance is acceptable, no one on your team has Web design experience, or Cascading Stylesheets brings to mind a space age waterfall or a white sale, you may want to skip this step.
WARNING - BE CAREFUL ! ! !
* Make sure you are very precise with your cut and pastes.
* If you stray outside these parameters, we may not be able to help you in a timely fashion.
This step assumes that you have already loaded the images you need to Admin > General > Look and Feel > Images. See How to Change Main Site Header
Images must be in an acceptable file format. .jpeg/jpg - .gif - .png are accepted.
.gif Graphical Interchange Format File - .jpeg/.jpg JPEG Image File - .png Portable Network Graphic
Copy the URL of the Loaded Images To be Used on the Ticket / Donate Now / Donate an Item pages
Copy The Address
Manipulating Appearance of Online Ticket / Donate / Give - Admin > General > Look and Feel > Other Area CSS
If you are familiar with CSS programing or have access to someone who does, you can create a unique look for your stand alone online pages - Ticket Sales, donate Now and Donations Form.
Inserting Select Images and Colors
1 Background Image [Enter URL between brackets ]
body {
font-family: 'Trebuchet MS', Helvetica, sans-serif, Arial;
background: url([ Enter URL between Parentheses ]) top repeat-x;
}
2. Logo or Image [Enter URL between brackets ]
#header_image {
height: 115px;
margin-left: 30px;
background: url([ Enter URL between Parentheses ]) no-repeat 0 center;
}
3. Background Color Behind Form [Enter #Color between brackets ]
#container_body {
float: left;
height: auto;
width: 762px;
background: # [Enter Color Code between brackets ]url(/images/register_center_shadow.png) center repeat-y;
}
4. Background Image for Footer [Enter URL between brackets ]
#footer {
background: url([ Enter URL between Parentheses ]) repeat-x;
height: 50px;
width: 742px;
margin-top: 20px;
margin-left: 10px;
}
Results on Online Ticket Sales pages - /register
Where they show up
1 Background Image
2. Logo or Image
3. Background Color Behind Form
4. Background Image for Footer
Results on Donate Now page - /give
Where they show up
1 Background Image
2. Logo or Image
3. Background Color Behind Form
4. Background Image for Footer
Results on Donate an Item page - /donate_items/new
Where they show up
1 Background Image
2. Logo or Image
3. Background Color Behind Form
4. Background Image for Footer
| Prev: Online Ticket Sales Page Set-up | Next: Editing Your Guest's Online Receipt |
Comments (0)
Add your comment