Quick Tip: Applying Temporary Styles to a GoLive 6.0 Page

You can set up CSS styles in an external stylesheet and then apply them temporarily to a GoLive page in order to see what effect they will have on the page directly in layout mode (they have to be styles which are supported by the GoLive layout engine, of course). You don't need to write them into the page or attach the stylesheet by drag and drop to do this. You can, for example, store a set of base stylesheets and then apply them temporarily to any given document to check on the effect.


Step 1:
Create a new external stylesheet document.

File > New Special  > Cascading Style Sheet.

Create a New Stylesheet

Step 2:
Set up your styles as normal using the CSS editor and the Inspector.

Set Up Your Styles

Step 3:
Save the file in the Cascade Additions folder which you'll find underneath the GoLive 6.0 install folder.

Navigate to the CascadeAdditions Folder

Step 4:
Restart GoLive, then open a page which you want to test the styles on. Open the View palette (Window > View). Click on the Profile dropdown and scroll down to the bottom. The CSS file(s) you saved in the CascadeAdditions folder will be available at the bottom of the dropdown list. Highlight the stylesheet you want to apply and release the mouse button.


The styles will be applied to the page in layout mode. They will be added last, after any styles actually defined in the page or in a linked external stylesheet.

Choose the Stylesheet from the Profile Dropdown

Step 5:
Here we can see the stylesheet blueyellow.css applied to an otherwise style-less page.

Blueyellow Temporarily Applied

Step 6:
To remove the styles, simply go back to the Profile dropdown, highlight the style again and release the mouse button. The styles will be removed from the layout.

Styles Removed

Here we've applied a new stylesheet, yellowblue.css to the same document, without doing anything other than make a trip to the Profile dropdown of the View palette.

Yellowblue Applied

The styles used here are pretty simple, but it if you work with fairly well defined sets of styles on many occasions, it might be worth creating a set of CSS module stylesheets whose combinations you could test in GoLive's layout mode to see their effects. The only CSS you will see is what is supported by the GoLive layout engine, remember, so perhaps the best use of this facility in GoLive is for CSS1styles. When you get into positioning and the like, then it might prove less productive than using browser testing.