I use the Shared Counts plugin for displaying social media buttons on my blog.

I'm using a shortcode to display some buttons in a footer text widget on my homepage. When I format the way they look in Appearance/Customise/Simple CSS I can get what I'm looking for. However, for some reason, when I look at the page outside of the customiser the display is not the same (the buttons are all squashed together with no spacing).

Specifically, I'm looking to space the buttons evenly using:

      .shared-counts-wrap  {
       display: flex;
       justify-content: space-between;
      }

If it helps to visualise the problem, the page is here: /

Any suggestions?

Thank you.

I use the Shared Counts plugin for displaying social media buttons on my blog.

I'm using a shortcode to display some buttons in a footer text widget on my homepage. When I format the way they look in Appearance/Customise/Simple CSS I can get what I'm looking for. However, for some reason, when I look at the page outside of the customiser the display is not the same (the buttons are all squashed together with no spacing).

Specifically, I'm looking to space the buttons evenly using:

      .shared-counts-wrap  {
       display: flex;
       justify-content: space-between;
      }

If it helps to visualise the problem, the page is here: https://richiesroom/

Any suggestions?

Thank you.

• css

Share Improve this question asked May 24, 2020 at 23:06 RichieRichie 122 bronze badges

Add a comment  | 

1 Answer 1

Sorted by: Reset to default 0

I was able to fix this issue after reading this post from the plugin author. Once I customised the shortcode attribute where I was using it in the text footer widget everything worked as intended. :-)