Sharethis buttons being trimmed off at bottom

[grifter]

Hi

On my site I have sharethis buttons at top and bottom of post. I recently updated to the new going green theme and had this problem right away. I had a look at sharethis support and the response to every question on this subject was contact your theme's creator and get the CSS changed to stop the cut off.

You can see on any post in the site that the sharethis links are cut off at bottom.

Appreciate any help on this. I can do CSS changes I just don't know where this is happening in CSS?

http://yourhealthandvitality.com/

[Tom]

Perhaps. Except that the CSS is from the plugin provider. Did you wonder why it's also affecting [many?] other themes?

This snippet seems to take care of most of the problem. Try placing it at the bottom of your stylesheet. You might need to add "!important" as well.

.stButton .stFb, .stButton .stTwbutton, .stButton .stMainServices {
    height: 22px;
}

---

Choose your next site design from over 350 Genesis themes.
[ Follow me: Twitter ] [ Follow Themes: Twitter ] [ My Favourite Webhost ]

[grifter]

I went with what sharethis said that you have to contact your theme provider for suitable code. I never seen them provide a solution?

.stButton .stFb, .stButton .stTwbutton, .stButton .stMainServices {
height: 22px;
}

Sorry that didn't work. I'm assuming the comma after stFb isn't meant to be there? I tried it without that.

[Tom]

The code functions without modification. There may be issues with CSS priority, where you fight what the plugin CSS decrees, therefore you "might need to add an “!important” declaration as well"
.stButton .stFb, .stButton .stTwbutton, .stButton .stMainServices {
height: 22px !important;
}

Some help can come from this plugin: https://wordpress.org/plugins/genesis-style-trump/

Otherwise, I think this would be deemed a plugin that doesn't play well with various themes. The plugin author will not provide a solution because it would mean more work on their part. A good option is to choose a different plugin for social media sharing from the many, many that are available.

---

Choose your next site design from over 350 Genesis themes.
[ Follow me: Twitter ] [ Follow Themes: Twitter ] [ My Favourite Webhost ]

[grifter]

I am looking into doing that but in the meantime I found this code that helps from stackoverflow:

.stButton .stMainServices{
min-height: 23px;
}

It doesn't fix the bubble with the counter however. I am trying to find out if someone can supply that code just to help it look better until I get a better sharing plugin.

[Author]

Posts