CSS 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:
- OpenDyslexic Font | Blogs for dyslexia
- Gif Showcase
- html editing html and applying CSS
- Centre Your TwentyFourteen site | Glow Blog Help
- Display Posts Shortcode | Glow Blog Help CSS is useful for styling the output of the display posts plugin.
- Removing auto-hypination from TwentyFourteen | Glow Blog Help
- CSS School 2014 changes the look of the Twenty Fourteen theme with CSS
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:
- Log on to your blogs dashboard
- Go to Plugins in the left hand navigation menu.
- Click Activate under the Jetpack by WordPress.com plugin
To activate the Custom CSS module :
- Log on to your blogs dashboard
- Go to Jetpack -> Settings in the left hand navigation menu.
- Activate the Custom CSS module you want to use.
To Edit the CSS,
- Click on the Customize link in the blogs admin bar
- Choose Additional CSS from the sidebar.