Bigger sharing buttons

Public Ticket #2679

Conversation thread

PenciDesign replied

8 years ago

Staff Reply

Hi,

You can do that by add more this code to Customize > Custom CSS:

\
.post-share .penci-post-like, .post-share .count-number-like{ display: none; }\
body.single .post-share .list-posts-share:before { content: "Share This: "; display: inline-block; line-height: 66px; vertical-align: middle; font-size: 30px; text-transform: uppercase; font-weight: bold; font-family: 'Raleway', sans-serif; }\

Best Regards,

PenciDesign

Mannenmedia replied

8 years ago

Customer Reply

Attachment:

Mannenmedia replied

8 years ago

Customer Reply

Thanks for that, it worked.

but... the thumbsup-like button is kinda confusing I think, because people think it has to do with Facebook (the FB thumb looks very similar).

Can I delete the Thumbsup button and replace is with some text saying 'Share this article' ? (which makes the social buttons better)

Thanks!

PenciDesign replied

8 years ago

Staff Reply

Hi,

If you want to make it bigger, please add more this code to Customize > Custom CSS:

\
.post-share a, .post-share .count-number-like{ font-size: 20px; }

Change number 20 to value you want.

Best Regards,

PenciDesign

Mannenmedia started the conversation

8 years ago

Conversation Start

Hi Penci,

love Soledad, but the share buttons are very minimalistic. Not very inviting to press it, if people can even locate it.

Is there a option for bigger buttons? See attachment for example.

Want to join this conversation or access attachments? Sign in first.