View Full Version : Tumblr CSS help

11-11-2011, 04:51 AM
What's up guys,

I had a question that might have a simple answer or maybe not...I did some CSS way back when but I'm definitely rusty and can't figure this out on my own..

I have a tumblr site at http://partymuzik.tumblr.com

I basically want to be able to show the name of each song i post under the flash player on the left next to the heart. I post the artist and title under the official "description" of each post so I basically need a way to show the description of the song in that space.

You might need to be familiar with Tumblr to help - I'm not sure but I can post the code of the site if needed.

Thank you all for the help!

11-11-2011, 06:26 AM
Hello evanagovino,
Not sure how much editing you can do in your tumbler layout, you will need to be able to make changes to both the markup and the CSS.

Try adding these bits highlighted in red,


<div style="position: absolute; left: 260px; top: 10px;" class="post" id="audio">

<img src="http://26.media.tumblr.com/tumblr_lufbb8hReg1qkqkv0_1320892818_cover.jpg">

<span id="audio_player_12583350337"><div class="audio_player"><embed type="application/x-shockwave-flash" src="http://assets.tumblr.com/swf/audio_player.swf?audio_file=http://www.tumblr.com/audio_file/12583350337/tumblr_lufbb8hReg1qkqkv0&amp;color=FFFFFF" quality="best" height="27" width="207"></div></span>

<script type="text/javascript">replaceIfFlash(9,"audio_player_12583350337",'\x3cdiv class=\x22audio_player\x22\x3e<embed type="application/x-shockwave-flash" src="http://assets.tumblr.com/swf/audio_player.swf?audio_file=http://www.tumblr.com/audio_file/12583350337/tumblr_lufbb8hReg1qkqkv0&color=FFFFFF" height="27" width="207" quality="best"></embed>\x3c/div\x3e')</script>

<div class="title">name of song</div>

<div id="photonotefix" class="indexnotes"><!----><img id="noteimg" src="http://static.tumblr.com/d0qlne1/EEKl4vxx0/notes.png"> 5 <!----><a href="http://partymuzik.tumblr.com/post/12583350337/kanye-west-jay-z-vs-benny-benassi-niggas-in-paris-satisf"><img id="noteimg" src="http://static.tumblr.com/d0qlne1/fcUl4vybr/permalink.png"></a></div>

And a bit of CSS:

.title {float: left;}
.indexnotes {