Option for small share buttons

Hi Piers,

look at this three websites i did some custom work for:
https://finansefakty.pl/pieniadze/ile-zarabia-policjant/
https://rockmehiphop.com/nas-jay-z-rap-battle-changed-hip-hop-history/
https://www.ashread.com/my-journey/quitting-my-9-5-job/

I did this only with some modifications of the stylesheet and i plan to put this and all future styles as a selectable option into the addon.

You want to have the buttons at 2/3 the size of the current square buttons?

For the google icon put this in your custom stylesheet:

.mashshare-extra-buttons > a {
height: 30px !important;
width: 30px !important;
}

For the google button:
.mashshare-extra-buttons > .google, .mashshare-extra-buttons2 > .google {
background: url(google.png) no-repeat 6px 6px #EB4026 !important;
background-size: 20px 20px !important;
}

The styles for the other buttons follow the same structure but probably it must be modified a little bit until icons fit perfectly.

You can delete the text “Share on…” with:

.twitter:after {
content: “” !important;
text-indent: 0 !important;
display: block !important;
line-height: initial !important;
}

.facebook:after {
content: “” !important;
text-indent: 0 !important;
display: block !important;
line-height: initial !important;
}

But probably you have to fiddle around with the line-height until everything looks perfectly.

If you need help write me admin [at] xsimulator.net

Hi Rene,

That’s brilliant thanks! I will try this out later on.

On a seperate note, I sent you a contact support form through your mashshare.net site yesterday about a problem i am having with your add-on extended social networks. I just wanted to check that you receive it ok?

Thanks again ??

Piers

Hi Piers,

i already answered your mail at 14:28 o clock. Did not received my mail?

Its sent from admin [at] xsimulator.net

Br René

Hi René,

RE: Email yes thanks i got it.

I have tried your CSS suggestions and it does hide the twitter text, for some reason it wont hide the facebook text with content:””;

I tried all sorts of variations, but in the end i got fed up and stripped out the text with jQuery as it would not remove the content.

On a different note, with all the !important in your CSS files it’s quite hard to override any styles without manually editing your CSS files, unless i strip out the style with jQuery.

For my woocommerce page, i have just hidden the plus button and adjusted the CSS on those pages, so they appear more compact and they work well.

Thanks for your help! 5 Stars!

Piers

Hey Piers,

good to hear that you find a solution which works fine for you.
I will see if i can delete the !important declarations in the style files.

Best regards
René