Editing Twitter for WordPress CSS classes

dsbacon
(@dsbacon)

14 years, 7 months ago

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 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
(@dsbacon)

14 years, 7 months ago

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
(@dave333)

14 years, 7 months ago

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
(@consumedsoul)

14 years, 6 months ago

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
(@spencerjw)

14 years, 3 months ago

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
(@pixelspring)

14 years, 2 months ago

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.