Center social share shortcode

[bssmithy]

Hey guys,

When I try centering the social share shortcode in Cardinal like I do with buttons (<p style=”text-align: center;”>), it doesn’t work. How are you supposed to get this asset to center on the page? It’s centered just fine on the blog pages, since it’s built into that template, but I’m trying to add it to a standard page, and it will only appear left aligned.

Thanks guys.

[Mohammad – SUPPORT]

Hi,
Please provide me specific page url with issue.
Thanks
Mohammad

[copara]

Hello Mohammad – please how did you fix this issue? I am also trying to center the social icons in my contact page (stylots.com/contact). The icons are currently left aligned.

[Mohammad – SUPPORT]

Hi,
Please use this custom css code:-

ul.social-icons {
     display: inline-block;
    text-align: center;
    width: 100%;
}

Thanks
Mohammad

[bssmithy]

This reply has been marked as private.

[Mohammad – SUPPORT]

Hi,
Its looking perfect at this page http://new-site.novelhill.com/albums/.
Thanks
Mohammad

[bssmithy]

This reply has been marked as private.

[Mohammad – SUPPORT]

Hi,
Please use this custom css code:-

.article-share:parent{
text-align:center !important;
}

Thanks
Mohammad

[bssmithy]

This reply has been marked as private.

[Mohammad – SUPPORT]

Hi,
Please use htis custom css code:-

section:nth-child(4) > div:nth-child(1) > div:nth-child(1) > div:nth-child(1){
text-align:center;
}

Thanks
Mohammad

[bssmithy]

That worked! Thanks Mohammad.

[Mohammad – SUPPORT]

Hi,
You most welcome. I am glad that your issue resolved.
Thanks
Mohammad

[yildirim flugreisen]

This reply has been marked as private.

[Kyle – SUPPORT]

Hi

Try this:

.article-share.sharer-0 {
  display: block !important;
  float: none;
  text-align: center;
}

– Kyle

[yildirim flugreisen]

Perfekt Kyle!

Is it also possible to center the easy social share plugin/buttons?

This is the shortcode:
[easy-social-share buttons=”facebook,twitter,google,whatsapp” counters=1 style=”button”]

Thank you!