/contrib/famzah

Enthusiasm never stops

Paragraph indentation fix for HTML lists in the WordPress.com Contempt theme

Leave a comment

Here is how a list in the original Contempt theme looks like:

Contempt HTML list, original

And here is how a designer fellow helped me change it:

Contempt HTML list, modified

The differences are as follows:

  • The indentation of the non-first lines in the list paragraph are aligned with the first line.
  • The list marker is not the symbol “o” but the original circle symbol provided by browsers.
  • The spacing between list paragraphs is a bit bigger, in order to improve the readability.

If you like the modified version better, you need to navigate to Appearance->Edit CSS and add the following CSS code there:

.entry ul li:before,#sidebar ul ul li:before {
	content:"";
}

body .entry ul {
	list-style-position:outside!important;
	list-style-type:circle!important;
	text-indent:0!important;
}

body .entry ul li {
	margin-bottom:13px;
}

You can also read my other post if you like to Make WordPress.com Contempt theme layout wider.

Advertisements

Author: Ivan Zahariev

An experienced Linux & IT enthusiast, Engineer by heart, Systems architect & developer.

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s