WordPress.org

Ready to get started?Download WordPress

Forums

[resolved] Adding Space to Plugin Display (10 posts)

  1. futurepocket
    Member
    Posted 3 years ago #

    Hi,
    If you go on:

    http://futurepocket.com/2011/03/02/apple-unveils-slim-new-ipad-2-release-date-march-11/

    You can see the efficient related posts plugin at the bottom of the post. Unfortunately, it's showing up below the socialize plugin, which is fine, but there is no space between the two. I was wondering, how would I go about adding a
    or a space between the two (a line break basically), so that it does not look like that?

    Any quick help would be appreciated, thanks!

  2. Jon Bishop
    Member
    Posted 3 years ago #

    Try adding the following to style.css in your theme:

    .socialize-containter {
         margin-bottom:10px;
    }

    I didn't test the code but it should work.

  3. futurepocket
    Member
    Posted 3 years ago #

    I added the code to the theme styles.css but it didn't work out. Then I checked out the styles file for the plugin itself, and found this code:

    .socialize-containter{
    	width:auto;
    	padding:10px;
    	vertical-align:top;
    	border: 3px solid #ddd;
    	display:table-cell;
    }

    I tried adding a bottom margin to this, but no luck, still no space between the related posts and the socialize container. Any other ideas?

  4. 123milliseconds
    Member
    Posted 3 years ago #

    If you install Firefox Firebug then when you visit your website you can immediately see the css styling plus line numbers for that

    Then you can see if you have the new css or are still using the old one

  5. Jon Bishop
    Member
    Posted 3 years ago #

    Actually it looks like it may have in fact worked. Try increasing the margin-bottom to something like 50px to see if it is really working.

  6. futurepocket
    Member
    Posted 3 years ago #

    Sorry, it didn't work out actually. I had to modify the efficient posts plugin and add my own style margin to it because there was no styles.css for that plugin, but thanks for the help anyways!

  7. Jon Bishop
    Member
    Posted 3 years ago #

    no problem. the next version makes all of this easier but its been hard to complete. ive been doing small tweaks to the current version to keep it relevant in the meantime but the next version blows this one out of the water.

  8. futurepocket
    Member
    Posted 3 years ago #

    I don't understand, are you the developer of "Efficient Related Posts"?

  9. Jon Bishop
    Member
    Posted 3 years ago #

    No, sorry. I made the Socialize plugin.

  10. dimas18
    Member
    Posted 3 years ago #

    Hi everybody, ill been loking for a solution of Sicialize, when it is for Spanish lenguage, Me gusta, i made a mod in the line 17 of socialize.css

    .socialize-in-button{
    min-height:65px;
    width:130px;
    display: block;
    text-align: left;

    when width by default is 60px in botton with box, and i change it with 130px and it work very good for me.

    Sorry for my english

Topic Closed

This topic has been closed to new replies.

About this Topic