Remove handle on default twitter.com widget WordPress
- SOLVED
So I swear I've tried everything and every WP twitter widget out there. But here's all I want to do:
- I'm using the twitter widget code from Twitter.com, and inserted it into a basic widget "text" box in WP.
- To see what it looks like, check out the sidebar at my site: http://managingmigration.com/
- All I want to do is remove the handle/name ("ManageMigration") at the beginning of each tweet that is inside the widget. An example of this default widget without the twitter handle at the beginning would be this:
http://2.bp.blogspot.com/_rhuioznu6Us/TR2oRiSgRFI/AAAAAAAAAMc/Rzru2jNsvQg/s1600/Picture%2B1.png
- Can I accomplish this with just some additional code inserted into the widget text box in WP? Or do I have to go and edit other CSS somewhere? (please keep in mind I am a CSS and html novice).
- If so, can you provide the actual code and tell me where to insert it?
Hope you can help, and thanks!!
Oh, and here's the code I'm using in the widget box:
<style>
.twtr-hd h4, .twtr-hd h3{
clear:none;
}
</style>
<script src="http://widgets.twimg.com/j/2/widget.js"></script> <script type="text/javascript">// <![CDATA[
new TWTR.Widget({ version: 2, type: 'profile', rpp: 12, interval: 6000, width: '260', height: 300, theme: { shell: { background: '#bebfc2', color: '#ffffff' }, tweets: { background: '#bebfc2', color: '#080808', links: '#1b8be0' } }, features: { scrollbar: true, loop: false, live: false, hashtags: true, timestamp: true, avatars: false, behavior: 'all' } }).render().setUser('managemigration').start();
// ]]></script>
Answers (4)
Arnav Joy answers:
here is the full widget code , try this
<style>
.twtr-hd h4, .twtr-hd h3{
clear:none;
}
.twtr-user{ display:none}
</style>
<script src="http://widgets.twimg.com/j/2/widget.js"></script> <script type="text/javascript">// <![CDATA[
new TWTR.Widget({ version: 2, type: 'profile', rpp: 12, interval: 6000, width: '260', height: 300, theme: { shell: { background: '#bebfc2', color: '#ffffff' }, tweets: { background: '#bebfc2', color: '#080808', links: '#1b8be0' } }, features: { scrollbar: true, loop: false, live: false, hashtags: true, timestamp: true, avatars: false, behavior: 'all' } }).render().setUser('managemigration').start();
// ]]></script>
nowhereelsetoturn comments:
That worked! thanks. (Although I feel like the spacing looks a bit off within the widget)
Arnav Joy comments:
can you share screenshot with the marker in it to show how you want the spacing
nowhereelsetoturn comments:
I actually think that's just how it is and I'm trippin on it. Don't worry about it. Thanks again.
Sabby Sam answers:
Hi,
Try this one
<style>
.twtr-user {
display:none;
}
</style>
nowhereelsetoturn comments:
all this did was get rid of the widget title at the very top of the widget
Navjot Singh answers:
Add this in your theme's style.css
.twtr-user {display:none; }
nowhereelsetoturn comments:
didn't seem to work, sorry
Daniel answers:
Go to the bottom of your CSS file and add this: (Appearance / Editor)
a.twtr-user {display:none !important;}