Feature Request: Character Count & Styling

Hey Debby,

Thanks for the kind words. Glad my plugin is helping!

For point 1, I’ll have to look into adding a character counter, but (pardon a brief lapse into developer speak here) since the math being done to take into account the twitter handle takes place in the PHP (server side), and the popup is handled functionally before that by a separate javascript file (browser side), it will likely prove tricky. But I like a challenge. ??

For request #2, I will likely never include style options “out of the box” with the plugin. For a brief aside into why I am so adamant there, read the “Decisions, not Options” section of the WordPress philosophy.

BUT, you can add any style options to your existing CSS files to trick out my “base settings” all you’d like. The simplest way is to modify the existing CSS for the plugin at /plugins/better-click-to-tweet/assets/css/styles.css

Keep in mind that those files are overwritten on a plugin upgrade, so keep a copy of whatever changes you make to save your changes again after an upgrade.

To force compatibility across multiple themes, I found that I had to include several !important declarations throughout that file. For that reason, it is not as simple to override the CSS from another location (such as your theme or child theme’s style.css file), but it is possible there, too.

If you initiate a change in your theme’s style.css that doesn’t seem to be working, the first step is to remove the corresponding !important declaration in my plugin’s css file.

Here, if it’s helpful, is a list of div and link classes that you can play with to change the appearance of your bctt boxes, given the above-referenced limitations:

• .bctt-click-to-tweet
• .bctt-click-to-tweet:after
• .bctt-ctt-text a
• .bctt-ctt-text a:hover
• a.bctt-ctt-btn
• .bctt-ctt-btn:hover

Once you’ve tweaked it, I’d love to see how it looks! Be sure to send along a link!

Thanks again,
Ben

Hey Debby,

Just a note that as of this version (4.1), you can completely override the default styling by adding a file named bcttstyle.css to the /uploads folder.

Name it exactly bcttstyle.css, and it will preempt the default stylesheet loaded by the plugin.

Your best bet might be to copy and paste the default styles as a starting point (you can see those here) and then style away! I hope to write up a tutorial on that in the next few days.

Enjoy!
Ben

Hey there,

thanks for your support! What would be the best way to make the font size smaller but keeping the full width box?

What I noticed is that you have text in two rows, the first word seems to be engaged. Is there any solution to that? Check the image: https://i.imgur.com/HOef7rM.png?1

Hey Seph,

As a matter of forum etiquette, can you start your own thread in the forums? I don’t want to blast all of these nice folks with unrelated issues.

But I did figure out what is causing that first line indent, it’s a css declaration of padding of 6px. I will schedule that fix for the next version of my plugin.

Thanks!

Ben

Oh thanks. I thought it would be nicer to not open threads and instead add questions to similar ones. Anyway, since we are talking about it already…anyway I can fix it via css in the meantime till your update arrives?

Thank you very much for that plugin.