Wordpress Themes - WP Forum at BFA
Click here to register or to donate.
Auto self-registration is not available here - far too many spammers. This forum has many, many backlinks and because of that there is an intense desire among spammers to drop their links here.

Wordpress Themes - WP Forum at BFA » WordPress Themes » Atahualpa 3 Wordpress theme » Center area post/pages » Post-Kicker, -Byline & -Footer »

[SOLVED] AddThis in post footers


  #1  
Old Aug 14, 2009, 12:53 PM
ahaze
 
6 posts · Aug 2009
Hello! I'm new to WordPress and CSS, but this theme so far has been super-easy to modify - though I do have a couple small issues!

I'm using AddThis on my site: http://www.safelist.com/blog/

I want the AddThis button to appear in the post footers, on the far right on the same line as the date, comments, etc - but for some reason it wraps to the next line. Below is the code I had put into the footers, that caused it to wrap. If anyone has any ideas I'd love to hear 'em! Thanks in advance.

%date('m/d/y, g:i a')% | %comments('Leave a comment', 'One comment', '% comments', 'Comments are closed')% %edit(' | ', 'Edit this post', '')% <script type="text/javascript"> var addthis_pub = 'safelist'; var addthis_language = 'en';var addthis_options = 'email, favorites, facebook, twitter, delicious, stumbleupon, myspace, google, digg, reddit, more';</script> <div class="addthis_container"><a href="http://www.addthis.com/bookmark.php?v=20" onmouseover="return addthis_open(this, '', 'http%3A%2F%2Fwww.safelist.com%2Fblog%2F2009%2F08% 2F13%2Fverified_id%2F', '')" onmouseout="addthis_close()" onclick="return addthis_sendto()"><img src="http://s7.addthis.com/static/btn/lg-addthis-en.gif" width="125" height="16" border="0" alt="Bookmark and Share"/></a><script type="text/javascript" src="http://s7.addthis.com/js/200/addthis_widget.js"></script>

Last edited by ahaze; Aug 14, 2009 at 04:06 PM.
  #2  
Old Aug 14, 2009, 04:04 PM
ahaze
 
6 posts · Aug 2009
Okay, I've determined (with juggledad's help!) that putting the AddThis javascript code in the post footers was causing a layout issue - that being the case, how do I go about putting AddThis where I want it - on the same line as the date and comments? Thanks!!
  #3  
Old Aug 16, 2009, 05:14 AM
Flynn's Avatar
Flynn
 
3,768 posts · Oct 2008
Munich, Germany
Replace <div class="addthis_container"> with <span style="display:inline;float:right" class="addthis_container"> and </div> with </span>

More styles may be required for the <span ...> such as height and width.
<span style="display:inline;float:right;width:XXpx;heigh t:XXpx" class="addthis_container">
  #4  
Old Aug 17, 2009, 11:31 AM
ahaze
 
6 posts · Aug 2009
That worked perfectly, Flynn, many thanks!
  #5  
Old Sep 9, 2009, 01:56 PM
brotherjoy
 
1 posts · Sep 2009
Philippines
Thank you FLYNN... it works!

Bookmarks

Tags
addthis, css, javascript

Thread Tools Search this Thread
Search this Thread:

Advanced Search
Display Modes


Similar Threads
Thread Thread Starter Forum Replies Last Post
[SOLVED] Is there a way to show different footers on different pages? smcrjc Post-Kicker, -Byline & -Footer 2 Jul 18, 2009 04:43 AM
[SOLVED] Theme is adding a border around my AddThis widget at bottom of posts daneo Post-Kicker, -Byline & -Footer 7 Jul 15, 2009 06:42 PM
[SOLVED] Next post and previous post links on top of single post page error susieswe Atahualpa 3 Wordpress theme 2 Jul 15, 2009 03:58 PM


All times are GMT -6. The time now is 04:48 AM.


Powered by vBulletin® Copyright ©2000 - 2018, Jelsoft Enterprises Ltd.