CODEWITHSUNDEEP
phpcsswordpress
Louismoore18
Louismoore18

Reputation: 167

Remove the space between twitter

This is my blog... if you look on it and look at the side bar you can see my twitter feed. Currently if i tweet to someone then it dispays like this...
My username:
Their user name
Tweet

I would like it to be more like
My username: Their username
Tweet

Or

My username:
Their username - Tweet

Viewing the source code of the pages there actually no <br> displaying...

    <li>@LouisMoore18:  <span class='entry-content'>
<a href="http://twitter.com/FirstNorwich" class="twitter-user">@FirstNorwich</a> thank you! Is there any delays to the x1? If so how long?</span> 
<span class='entry-meta'><span class='time-meta'><a href="http://twitter.com/LouisMoore18/statuses/293686943156416512"></a></span> 
<span class="in-reply-to-meta">
<a href="http://twitter.com/FirstNorwich/statuses/293686435482071040" class="reply-to">in reply to FirstNorwich</a></span></span></li>

However its displaying as if their was one

This is the code that follows the person who i tweeted...

private function _linkTwitterUsersCallback( $matches ) {
    $linkAttrs = array(
        'href'  => 'http://twitter.com/' . urlencode( $matches[2] ),
        'class' => 'twitter-user'
    );
    return $matches[1] . $this->_buildLink( '@'.$matches[2], $linkAttrs );
}

This a wordpress plugin called Twitter Widget Pro

Upvotes: 0

Views: 139

Answers (2)

gSaenz
gSaenz

Reputation: 677

Heading tags automatically add a line break when you close them.

Look at your source code.

<h30>
  @LouisMoore18: 
</h30><span class="entry-content">
  RT 
<a class="twitter-user" href="http://twitter.com/Jessewelle"></a>
  : This just happen! Nylah and Bamboo cuddling. 
<a href="http://t.co/pKJ3ZhD9"></a>

Re-arrange your tags, or update your stylesheet to show <h30> tag as inline.

Also, h30 really?

Upvotes: 0

ste
ste

Reputation: 306

It's because your name is wrapped in a heading tag. By default this will behave as a "block" element, hence the line break effect.

Have a look at your stylesheet(s), add a rule for the h30 tags within the feed, setting them to display: inline should do the trick.

It also looks like your links (a tags) below need tweaking to be display: inline (or similar) too.

You could also look into the feed's code, changing the html elements it uses, but CSS is probably the easier and more maintainable approach.

Upvotes: 1

Related Questions