howto_user (howto_user) wrote in s2howto,

[smooth sailing] Transparency and Opacity

Smooth Sailing offers an option in the Custom Options for anyone to enter their own custom stylesheet information. This tutorial explains how to make the content tables in the Smooth Sailing layout transparent using this feature.

To make the content tables transparent, you will need to add the following code to the 'Custom stylesheet' field in the Custom CSS section of Custom Options.

.entryHolder, .commentHolder, .sidebox {background-color: transparent !important;}

If you wish to make your content tables semi-transparent, you would use the following code instead:

.entryHolder, .commentHolder, .sidebox {filter:alpha(opacity=80); -moz-opacity:0.8; opacity:0.8; !important}

The opacity level, set to 80 in the above example, can be changed to any number that you prefer. Setting the opacity to 100, or 1.0, will make the background completely opaque. If you want your background to be solid there is no need to use any override at all.

Using this filter will change the opacity of the entire table, including the text within it so you will need to choose an opacity level that still allows the text to be visible.

NOTE: Opacity filters are a resource intensive customization. Use of an opacity filter can cause older browsers, computers with lower resources, and computers where much of the system memory is already in use to freeze, crash, or otherwise behave unexpectedly. If you begin experiencing a problem with your journal loading slowly (or not at all), your browser freezing, or your operating system freezing, please try removing the opacity filter from your theme layer and reloading your journal page to see if the problem persists before submitting a Support request.

Written by camomiletea.

Tags: - smooth sailing, all accounts, free accounts, opacity, transparency
Comments for this post were disabled by the author