Best of the Bloggers: Life in a Venti Cup
Easy, instant invoicing from your TypePad blog, with FreshBooks

Quick CSS Tip: Matching the Archives and Categories titles to the Sidebar Titles styles

Sidebar header comparison Why are the Archives and Categories headings in the sidebar displaying differently than other modules?
- Asked by Dan of Dan's Bullets.

The titles in the Archives and Categories modules are links to the archives index page for your blog. Links in the sidebar use the sidebar link styles for the blog's theme. If the link styles are different from the sidebar title styles, the Archives and Categories headings will display differently than other headings in the sidebar.

If you are at or above the Pro level, you can use Custom CSS to set all headings in the sidebar to display the same regardless of the link styles. At Design > Custom CSS, you can add the code:

.module-header a:link, a:hover, a:visited, a:active { text-decoration: none; }

This will remove the underline or bold style applied to links. If the links are set to use a different color, you can also add the color code:

.module-header a:link, a:hover, a:visited, a:active { text-decoration: none; color: #003366; }

Not sure of the color code? You can get the code at Design > Theme > Sidebar > Sidebar Title and copy the color code. Replace #003366 with the exact color code for the Sidebar Title.

comments powered by Disqus