Open topic with navigation
Create a style sheet
|
1.
|
From Site explorer, click Style sheets. Style sheets appears.
|
|
2.
|
Click New style sheet. The New style sheet screen appears. |
Note: You can also use an existing style sheet as the starting point for a new style sheet. Select a style sheet on the All style sheets tab and click Click here to copy this style sheet. After you save the style sheet with a new name, you can edit it as necessary.
|
3.
|
In the Style sheet name field, enter a name for your style sheet. This name helps program users quickly identify the file in Style sheets. The name is for internal use and does not appear on your website. |
|
4.
|
In the Description field, enter any additional information about the style sheet. |
|
5.
|
When you host multiple sites, the Assign to site field appears so you can move a style sheet from its current site to another site. If the style sheet is in use on a web page on the source site, it continues to appear on that site. However, the style sheet is now associated with the target site and its security. |
|
6.
|
Under Style sheet options, select whether to apply the style sheet to a specific target. |
|
•
|
To make the style sheet available for all templates, select None. |
|
•
|
To apply the style sheet to a specific media type such as portrait screen dimensions for smartphones, select Media. In the textbox, enter the media query for the target. |
|
|
For help to create a media query, please contact the appropriate software vendor or IT professional for assistance since this is beyond Blackbaud's scope of support. |
|
•
|
To apply the style sheet to a specific browser, select Browser. For example, an older browser may not handle your preferred styles, so you may need to create a style sheet to handle these exceptions to the browser. |
|
7.
|
To assign security rights for users and roles for the style sheet, select the Targeting & Security tab. |
Note: You can apply the style sheet to the Desktop browsers or Mobile devices tabs in Style sheets. In addition, you can also apply the style sheet directly to a layout. For information about layouts, see Layouts.
|
8.
|
Click Next. The Edit style sheet screen appears. For information about how to design a style sheet design, see Design a style sheet. |