How do i get rid of my profile avatar for my HTML Widget for my Website?


#1

Hi there I am trying to get rid of my Avatar from my Twitter HTML Widget for my Website.

What bit of the Code do I Delete? or put in? as I want to add my own Avatar on my HTML Widget like Lauren Conrads site which is www.laurenconrad.com

I Actually want mine just like hers, regarding putting on my own picture, and having just 1 tweet that displays in my HTML Widget, then say the next day I dont want to tweet anything, to have my HTML Widget Blank?, then say I tweet the next day with 1tweet showing in my HTML Widget etc…
if you could please take the time to look at Lauren Conrads site then Scroll down to her Twitter Feed its much better Explained & you will
Know Exactly what I m talking about LOL.

I hear its very easy but dont know how to do any HELP would be so Gratefully Appreciated please can someone Help me :frowning:


#2

??? no replys please if anyone can help me ?


#3

Hello!
You will need to go into your CSS coding and add the following!
.twtr-hd, .twtr-ft{display: none;}

Also, your twitter widget should look like this:
new TWTR.Widget({
version: 2,
type: ‘profile’,
rpp: 4,
interval: 30000,
width: 250,
height: 185,
theme: {
shell: {
background: ‘transparent’,
color: ‘#ffffff
},
tweets: {
background: ‘transparent’,
color: ‘#ffffff’,
links: ‘#27a9e6
}
},
features: {
scrollbar: false,
loop: false,
live: false,
hashtags: true,
timestamp: true,
avatars: false,
behavior: ‘all’
}
}).render().setUser(‘YOUR_TWITTER_ACCOUNT_HERE’).start();

You can put what ever in the color areas, this just fitted the criteria of our website.
(Link to website http://beta.tjswebdev.com/)
This will get rid of your profile image, name, twitter icon at the bottom and the “Join Conversation.”


#4