How Do You Append Your Active Style Sheet With the Lightbox Styles?
- 1). Open your Web page’s HTML source code. Look for a tag near the top of the page beginning with “<link rel="stylesheet".”
- 2). Examine the “href=” element after the “rel=”stylesheet”” element to determine the address of your active style sheet. For example, “href="css/example.css"” indicates that your active style sheet is named “example.css” and is located in the “css” directory on your Web server.
- 3). Open the CSS file specified on your Web page in a text editor.
- 4). Download the Lightbox package from HuddleTogether.org and extract it.
- 5). Open the extracted “Css” directory and open the “Lightbox.css” file in a text editor. Don’t use Notepad or you won’t see the correct formatting. Open it with WordPad instead by right-clicking it, pointing to “Open With” and selecting “WordPad.”
- 6). Select all the text in the Lightbox.css file with your mouse, right-click it and click “Copy.”
- 7). Right-click at the bottom of your Web page’s CSS file and click “Paste” to append the Lightbox CSS code to your active style sheet.
- 8). Save your Web page’s CSS file and upload it to your Web server.
Source...