I'm trying to change the look of blog entries on our corporate Wiki, and I was hoping to do so by providing an 'override' CSS file that modifies the defaults.

For example, I wanted to make the end section left aligned doing something like this:

.endsection

{ align: left; }

Unfortunately the right-aligning of the endsection is not in the CSS as it should be, but is instead hard-coded into the HTML (I've attached the complete HTML for my blog posts page).

<div class="endsection" align="right" style="color: #666666; margin-top: 10px">

If this was encoded instead in the CSS as follows then it would be easy for anyone to control this aspect of the layout:

.endsection

{ align: right; color: #666666; margin-top: 10px; }

Note that you can also control it just for blogs if you want by doing

.blogpost .endsection

{ align: right; color: #666666; margin-top: 10px; }

This would be such a powerful way of customizing the look of JIRA, and is exactly how CSS is meant to be used. I strongly suggest that all explicit 'style' tags are excised from the generated HTML and replaced with the equivalent CSS.

Currently it is much harder to alter the look of a Confluence page than it should be, and this improvement would go a long way.