CODEWITHSUNDEEP
javascripthtmlcsstumblr-themes
user98989
user98989

Reputation:

fixing broken html emitted by tumblr's templating system

In tumblr's theme templating system you use {ReblogButton} to add a reblog button to the html. It currently is broken; it's using an "a" tag and it has in it

class="reblog_button"style="..."

In other words, it's missing the space before the word style. Is there some way with javascript or whatever that I could fix that?

The reblog button is currently styled as a block element and I'm trying to make it inline.

The test tumblr blog is http://rustycwright.tumblr.com/ and my css is inline in the head.

I just added some "or" bars around the like heart, which is a div that I changed to inline and it's working.

IE's dom explorer does show the html with a space before the style tag.

More poking around; IE's dom explorer shows a line through my css for a.reblog_button: inline, as does firefox's Inspector. Can someone explain why? Is it because of the css they've embedded in the tag?

Upvotes: 0

Views: 619

Answers (1)

Ekin
Ekin

Reputation: 1955

You can add display:block; float:left; to the div.like_button and float:left; to the reblog_button.

Looks like working on my browser. Hope that helps.

Upvotes: 0

Related Questions