Title: Editing Twitter for WordPress CSS classes
Last modified: August 19, 2016

---

# Editing Twitter for WordPress CSS classes

 *  [dsbacon](https://wordpress.org/support/users/dsbacon/)
 * (@dsbacon)
 * [16 years, 8 months ago](https://wordpress.org/support/topic/editing-twitter-for-wordpress-css-classes/)
 * I’m trying to to edit the classes for Twitter for WordPress so I can add a line
   break between entries (now they are all jumbled together).
 * The plugin site says:
 * > The plug in provides the following CSS classes:
   > ul.twitter: the main ul (if list is activated)
   >  li.twitter-item: the ul items(
   > if list is activated) p.twitter-message: each one of the paragraphs (if msgs
   > > 1) .twitter-timestamp: the timestamp span class a.twitter-link: the tweet
   > link class a.twitter-user: the [@username](https://wordpress.org/support/users/username/)
   > reply link class
 * Can anyone tell me where I might find and edit the classes? They aren’t in any
   files in the plugin directory.
 * Thank you!

Viewing 5 replies - 1 through 5 (of 5 total)

 *  Thread Starter [dsbacon](https://wordpress.org/support/users/dsbacon/)
 * (@dsbacon)
 * [16 years, 8 months ago](https://wordpress.org/support/topic/editing-twitter-for-wordpress-css-classes/#post-1210305)
 * Solution: I looked for where the styles are set for hours but never found them.
   I did find a workaround however:
 * In twitter.php, find the line:
 * `if ($list) echo '<li class="twitter-item">';`
 * And replace it with the follwing to format the entries:
 * `if ($list) echo '<li class="twitter-item" style="padding:4px 0px;">';`
 *  [Dave333](https://wordpress.org/support/users/dave333/)
 * (@dave333)
 * [16 years, 8 months ago](https://wordpress.org/support/topic/editing-twitter-for-wordpress-css-classes/#post-1210479)
 * I am struggling to figure out how to style this widget also.
    I can’t find any
   referrence to the styles in the code of the plug in.
 * It is so frustrating when plug in creators don’t think to tell us how to use 
   the plug in that they’ve created. If you are not going to make the plug in all
   wiziwig then please include some documentation so that we can understand how 
   to use the plug in.
 *  [consumedsoul](https://wordpress.org/support/users/consumedsoul/)
 * (@consumedsoul)
 * [16 years, 7 months ago](https://wordpress.org/support/topic/editing-twitter-for-wordpress-css-classes/#post-1210525)
 * I contacted the developer, hopefully he’ll get back to me w/ specific instructions.
   I want to be able to open any new links as _blank in a new window.
 *  [spencerjw](https://wordpress.org/support/users/spencerjw/)
 * (@spencerjw)
 * [16 years, 4 months ago](https://wordpress.org/support/topic/editing-twitter-for-wordpress-css-classes/#post-1210543)
 * I would assume those are styles he has coded into the widget that you just need
   to add to your styles.css file in your theme. Add those to the bottom of the 
   style sheet and then edit. I would guess the widget will look for them there.
 * I can’t test this myself due to my own issue of not being able to get the Widget
   to even appear in my Widget selection area, I’ve got no way to add it to my sidebar.
 *  [pixelspring](https://wordpress.org/support/users/pixelspring/)
 * (@pixelspring)
 * [16 years, 3 months ago](https://wordpress.org/support/topic/editing-twitter-for-wordpress-css-classes/#post-1210557)
 * As spencerjw said above just add the style definitions onto your main css file–
   it works fine. Better to do it this way rather than add inline styling to a plugin
   file that will be overwritten when you upgrade the plugin.

Viewing 5 replies - 1 through 5 (of 5 total)

The topic ‘Editing Twitter for WordPress CSS classes’ is closed to new replies.

## Tags

 * [line breaks](https://wordpress.org/support/topic-tag/line-breaks/)

 * 5 replies
 * 5 participants
 * Last reply from: [pixelspring](https://wordpress.org/support/users/pixelspring/)
 * Last activity: [16 years, 3 months ago](https://wordpress.org/support/topic/editing-twitter-for-wordpress-css-classes/#post-1210557)
 * Status: not resolved

## Topics

### Topics with no replies

### Non-support topics

### Resolved topics

### Unresolved topics

### All topics