Fieldtype, Module

Archived
Forum
(read-only)

CE Tweet

ExpressionEngine 2

Back to this add-on's main page
View Other Add-ons From Causing Effect

     

CSS issues?

Support (Resolved)

moki
moki

Perhaps I just haven’t delved deep enough into it, but I set up a simple test page for CE Tweet here:

http://www.codewhore.com/

Using the example code for a home timeline here:

http://www.causingeffect.com/software/expressionengine/ce-tweet/tags/home_timeline

...it sort of seems to be working, but it’s only showing the 4 most recent Tweets (I asked for 5), and also the CSS (I’m just using the ce-tweet.css file that shipped with it) has alignment issues with the retweet, favorite, etc. links when you mouse over an entry. 

What am I doing wrong?

Causing Effect - Aaron Waldon
# 1
Developer
Causing Effect - Aaron Waldon

Hi Moki!

it’s only showing the 4 most recent Tweets (I asked for 5)

Take a look at this thread for an in-depth explanation of why this happens.

also the CSS (I’m just using the ce-tweet.css file that shipped with it) has alignment issues with the retweet, favorite, etc. links when you mouse over an entry.

What am I doing wrong?

One of the great things about EE is that it gives us a blank canvas to work on. We get to code our own HTML, CSS, etc. CE Tweet follows that same line of though. There are some examples in the documentation, but how developers template and style the tweets is completely left in their hands (although they should do their utmost to adhere to the ever-changing tweet display guidelines).

moki
# 2
moki

Thanks for the reply.

I guess that’s my point, I used the CSS that you provided, and the example you provided… and the result appears to be wrong/off.

moki
# 3
moki

Okay, it turns out that the problem isn’t your CSS, it is that the example code on your web site is wrong:

http://www.causingeffect.com/software/expressionengine/ce-tweet/tags/home_timeline

You have this:

<class="ce_tweet_reply" href="https://twitter.com/intent/tweet?in_reply_to={id_str}" target="_blank"><span>Reply</span></a>
<
class="ce_tweet_retweet{if retweeted} ce_tweet_retweeted{/if}" href="https://twitter.com/intent/retweet?tweet_id={id_str}" target="_blank"><span>Retweet</span></a>
<
class="ce_tweet_favorite{if favorited} ce_tweet_favorited{/if}" href="https://twitter.com/intent/favorite?tweet_id={id_str}" target="_blank"><span>Favorite</span></a

When it should be:

<class="ce_tweet_reply" href="https://twitter.com/intent/tweet?in_reply_to={id_str}" target="_blank"><span></span>Reply</a>
<
class="ce_tweet_retweet{if retweeted} ce_tweet_retweeted{/if}" href="https://twitter.com/intent/retweet?tweet_id={id_str}" target="_blank"><span></span>Retweet</a>
<
class="ce_tweet_favorite{if favorited} ce_tweet_favorited{/if}" href="https://twitter.com/intent/favorite?tweet_id={id_str}" target="_blank"><span></span>Favorite</a

Not the placement of the text outside of the span’s

Causing Effect - Aaron Waldon
# 4
Developer
Causing Effect - Aaron Waldon

The examples on my site don’t use that CSS, they use SCSS files that are specific to my site. Again, you can use the provided style sheet as an example to build on if you’d like, but you can style the tweets however you wish. ;)

jphansen
# 5
jphansen

I too came here looking for a template for CE Image to output tweets that look nice. I understand flexibility is good, but having an option for a pretty tweet would be convenient.

This might help: https://dev.twitter.com/docs/tfw/embed-code-css

afairhurst
# 6
afairhurst

I came here looking for a fix for this issue. Thanks to moki for suggesting changing the spans within the template code. This worked perfectly for me.