Put a space betwen buttons
-
Hi, i need to put a space between read more button (black) and facebook like button.
And i like to pass the share buttons, in the posts pages, below the like button, just like in home page, not where it is.
Any help?
I use the facebook plugin to use the like button.
nadainteressante.blog.br
THX
There are 2 possibilities.
You put a buttom margin on the “Read more” button:
.block-button, .block-button:visited, .Button, .button, .wpsc_buy_button {
margin-bottom: 10px;
}
Or you put a top margin on the Facebook “Like” button:
.pluginButton {
margin-top: 10px;
}If you put the top margin on the Facebook “Like” button you also have to put the top margin on the counter:
.pluginCountButton {
margin-top: 10px;
}
Wow! Thanks! that works.
Now just last the other one! I can´t find how it works.
I use the addtoany plugin.
THX a lot!
Do you mean putting space between the share buttons?
.addtoany_list.a2a_kit_size_32 a {
margin: 0px 20px 0px 20px;
}Noooo 🙂 In the posts pages AddToAny (share buttons) is below the “related pages” (jp-relatedposts) and I’d like it to stay as the home page. The share buttons below the facebook like button and above the jp-relatedposts.
I managed to do through the ” inspect element” in chrome but I don´t know how to do in the script.
Like this:
Ok, you want to display the share buttons above the related posts.
I believe you have to move the code for the share buttons above the code for related posts. This is in loop-single.php file of the graphene theme. Can you put the code of this file in here http://pastebin.com/ and post the link so I can have a look at what code you have to move?!
Thanks a lot!
Disable automatic button placement in Settings > Share/Save Buttons > Placement
Add the following code to your loop-single.php in your child theme folder. Backup the file before adding anything in case you mess something up.
/* Display the AddToAny Share Buttons */
<?php if ( function_exists( 'ADDTOANY_SHARE_SAVE_KIT' ) ) { ADDTOANY_SHARE_SAVE_KIT(); } ?>Try to add it AFTER the following code:
<iframe style="border:none; overflow:hidden; margin-top:10px; width:620px; height:350px;" frameborder="0" scrolling="no" src="http://ocioso.com.br/troca-de-links/tag/id/dBr_CJlbZCd0vKSHGNfE7GYl8CfDBexs2GbknO5J6Gmm8ididJwL311Ohg8DY6W6Wuj_0-zHEP_jABcG9zRNzdm13z9d_6pH8ikeYPMeIc80siTSNGwq8MoIX4bRFlRLZOknhPN-KlzvijG3yfZHCdbaeuaaMOU0JwBvKuOyXW5hPvEL39LbHcwo__d7lw7s9z-rOqPTrgOUaIvR2hZHnxG7c7y_BGa7XucCVgIcdYi36cqSgvCUkacTFbbiduvA|f5a0L81fknbdTBtB37dENquJupWVZmvvZifGmSDUL_w="></iframe>
</div>Then check if that’s the right position. If not, you gotta place the first code on another position.
Maaan, didn´t work for me! when I disable the automatic way the share buttons stop to appear in the home page and the buttons appear on the top or on the bottom of posts, never where i liked it to be 🙁 buuuut i found this: http://winningwp.com/how-to-reposition-jetpacks-related-posts-module-and-other-customizations/
A way to bring related posts to the bottom of the page.
using this code in functions.php:
function jetpackme_remove_rp() {
$jprp = Jetpack_RelatedPosts::init();
$callback = array( $jprp, 'filter_add_target_to_dom' );
remove_filter( 'the_content', $callback, 40 );
}
add_filter( 'wp', 'jetpackme_remove_rp', 20 );and this where you told me to do ( loop-single.php):
<?php echo do_shortcode( '[jetpack-related-posts]' ); ?>That works for me!
Thanks a lot for your support! i realy apreciate that!
Merry christmas and a happy new year!
Viewing 10 posts - 1 through 10 (of 11 total)
- 1
- 2
- You must be logged in to reply to this topic.
