WordPress.org

1. blazzinmatt
   Member
   Posted 3 years ago #

   Hello,

   I recently started my blog using WordPress 2.7 and installed Alex King's Twitter Tools plugin and it's awesome, except for one problem. Every word in the tweet starts with a capital letter and I am not sure where in the code that this is being done. I wish the capitalization would match the tweet exactly.

   Any help you can provide would be greatly appreciated.

   My blog is at http://mattdonders.com if that helps.

   Thanks!

2. Jan Dembowski
   Volunteer Mod. & Brute Squad
   Posted 3 years ago #

   The HTML source shows that it's not capitalized that way so it's the CSS. The text-transform: capitalize; is being applied.

   Try putting this at the end of your wp-content/themes/typographywp/style.css file (backup that file first):

   #rside .aktt_tweets ul li {
   	font-family:Verdana, Geneva, sans-serif;
   	text-transform:none;
   	font-size:12px;
   	line-height:16px;
   	word-spacing:1px;
   	padding:2px 0px 2px 16px;
   	margin:2px 0px 2px 0px;
   	background:url(images/libg300.png) no-repeat top left;
   }

   I tried it using the Firefox Web Developer extension and it looks like it only applied it to your tweets.

   That's probably too much CSS. If it works then only your tweets will not be capitalized but the rest of that rside will remain the same.

3. blazzinmatt
   Member
   Posted 3 years ago #

   That worked perfectly!!

   Thanks so much -- its greatly appreciated. So the plugin inputs something into my CSS that forces this to be all capitalized? I was under the assumption that text-transform: capitalize; turned every letter capital, not just the beginning of a word.

   Thanks again!

4. Jan Dembowski
   Volunteer Mod. & Brute Squad
   Posted 3 years ago #

   I'm glad that worked. Normally my CSS is horrible :)

   The capitalize will do that for the first characters. 'uppercase' will transform all the characters to uppercase. By setting it to none it leaves it alone.

   The plugin outputs a div that wraps it in class=aktt_tweets just so you can style it separately like this. By putting in the specific CSS like that, you end up only modifying '#rside .aktt_tweets ul li'.

5. blazzinmatt
   Member
   Posted 3 years ago #

   Perfect -- it helps when I get my CSS coding correc then.

   Thanks again!

Topic Closed

This topic has been closed to new replies.