CSS

css iconCSS or cascading stylesheets is a method of changing the presentation of web content. Glows already use css. You can add your own via the Jetpack css module. We have some information on getting started with css on our jetpack blog.

Here are some examples and help on using CSS to solve particular problems:

This is a snippet of css we used on the homepage of this site to add a drop-shadow filter on the images.

.ttfmp-post-list-item-thumb img{filter: drop-shadow(4px 4px 4px #000);}

We used the inspector in the browser to find the class of the div surrounding the image: ttfmp-post-list-item-thumb

Editing the CSS on a Glow blog is a bit more technical than most other functions.

To active Jetpack:

  1. Log on to your blogs dashboard
  2. Go to Plugins in the left hand navigation menu.
  3. Click Activate under the Jetpack by WordPress.com plugin

To activate the Custom CSS module :

  1. Log on to your blogs dashboard
  2. Go to Jetpack -> Settings in the left hand navigation menu.
  3. Activate the Custom CSS module you want to use.

To Edit the CSS,

  1. Click on the Customize link in the blogs admin bar
  2. Choose Additional  CSS from the sidebar.