[Jacko_PintoParticipant]

Hello.

My posts currently have the “social share options” at the bottom of the pgae (see attached screenshot). But I would also like to have it at the top. How can I do this?

Also, is there a custom plugin that you’d recommend (one that works well with X) we use for sharing content on social networks?

Thanks for the help!

[RadModerator]

Hi there,

Thanks for writing in.

Would you mind providing your site’s url? I’d like to check if it’s possible 🙂

Thanks!

[Jacko_PintoParticipant]

Thank you for the reply. This is the URL: http://finanzasconproposito.org/, and this is one of the posts: http://finanzasconproposito.org/index.php/2015/09/30/ideas-de-finanzas-con-proposito-para-reducir-gastos/

Thanks for the help!

[Rue NelModerator]

Hello There,

Thanks for providing the url. Did you add the social share options using a custom functions? If you do, with a few tweaks, you can insert it both at the top and bottom of the post. Please use this code instead:

add_action( 'x_after_the_content_begin', function() {
  echo do_shortcode('[share title="Share this Post" facebook="true" twitter="true" google_plus="true" linkedin="true" pinterest="true" reddit="true" email="true"]');
});

add_action( 'x_before_the_content_end', function() {
  echo do_shortcode('[share title="Share this Post" facebook="true" twitter="true" google_plus="true" linkedin="true" pinterest="true" reddit="true" email="true"]');
});

Please let us know if this works out for you.

[Jacko_PintoParticipant]

Yes I believe I did use a custom function, but I don’t remember which file I need to modify. Can you please help with that?

Also, can I use a custom plugin for this? One that would work well with X?

[JadeModerator]

Hi there,

Most likely, you have made some customization in the functions.php file of the child theme where you would have to put the code provided in the previous response.

The social share options that goes with X works quite well. Is there any really why you want to use a plugin instead?

[Jacko_PintoParticipant]

Thank you, I added the code and it works! – For example: http://finanzasconproposito.org/index.php/2015/09/16/billeteras-felices/

I guess the one thing the client doesn’t like is that all the share icons are the same color (in this case green)… Can we make each of those a different color? (Facebook blue, Twitter light blue, G+ red, etc., etc…)

Also, can we align the top share icons to the right rather than have them centered like thy currently are?

Thanks for the help!

[FriechModerator]

Hi There,

We can assign a different color for each social icon with a custom css

.x-entry-share .x-share .x-icon-facebook-square {color: #3765A3; }
.x-entry-share .x-share .x-icon-twitter-square {color: #5EA9DD; }
.x-entry-share .x-share .x-icon-google-plus-square {color: #DF4B38; }
.x-entry-share .x-share .x-icon-linkedin-square {color: #007BB6; }
.x-entry-share .x-share .x-icon-pinterest-square {color: #BD081C; }

You can add this under Custom > CSS in the Customizer.

We can float the top social sharing icons to the right with this custom css

.entry-content .x-entry-share:first-of-type {float: right;}
.entry-content .x-blockquote:first-of-type {clear: both;}

Hope it helps, Cheers!

[Jacko_PintoParticipant]

That is awesome thank you!

Now, I just need to change the hover color… it’s currently green when I hover over any of the social icons. See here: http://finanzasconproposito.org/index.php/2015/09/30/ideas-de-finanzas-con-proposito-para-reducir-gastos/

Also… The client wants the text on the posts (just the posts) to be justified. Can you please help with that also?

Thanks!

[ThaiModerator]

Hi There,

Please try adding following CSS:

.x-entry-share .x-share:hover {
    background-color: #f0f0f0;
}

.single-post .entry-content.content {
    text-align: justify;
}

Hope it helps 🙂

[Jacko_PintoParticipant]

Awesome! Thank you very much for the help!

[Nabeel AModerator]

You’re most welcome.

Glad we could help 🙂

[Author]

Posts