Jetpack 1.7: Custom CSS

The updates just keep on rolling in—Custom CSS has just landed in Jetpack! You now have the ability to add to or replace your theme’s CSS right from your blog dashboard, no child theme required.

To use the CSS editor, first make sure the Custom CSS panel is activated on your main Jetpack page and go to Appearance → Edit CSS. You’ll find the editing interface is fueled up with features like syntax coloring, auto-indentation, and immediate feedback on the validity of the CSS you’re writing. Revisions are saved in case you make a mistake, and invalid CSS is removed on save.

In addition, we’re always working to improve the existing features in Jetpack. Jetpack Comments got a nice UI improvement in this release: when you submit a comment, there’s no more annoying fullpage load on jetpack.wordpress.com. Everything stays on your site 🙂 Also, if you’re using the pretty (a.k.a. not “official”) sharing buttons, we’ve added share counts to the Twitter, Facebook, and LinkedIn buttons.

Last but not least, no release is complete without bug fixes. We fixed a bunch of bugs in the Sharing, Contact Form, Subscriptions, Carousel, and other features. For a more complete list of bug fixes, see the changelog.

Comments

This is great! This basically removes the need to tinker with the default style.css file in your theme, which can be erased each time the theme is upgraded, and it also makes it so that it is ok if the developer of your theme didn’t include a section for custom css. Thanks a lot guys! Keep up the good work.

Custom CSS adds its own tag to the header of your site, if you have the “Add my CSS to My_Theme’s CSS stylesheet” option checked. If you have the “Don’t use My_Theme’s CSS, and replace everything with my own CSS.” checked, Custom CSS removes the theme’s CSS file and only uses its own file.

I run two blogs on wordpress.com and have been using WordPress package as base for my own website which runs on linuX. Jetpack is brilliant, it contains exactly the additional features I need for this and enables me to concentrate on content not on coding. Stability and quality of Jetpack is as good as the WordPress core itself, which I dont need to change (a lot) anymore. Thanks.

I checked the ‘changelog’ and found that a new set of translation was added: Bosnian, Danish, German, Finnish, Galician, Croatian, Indonesian, Macedonian, Norwegian (Bokmål), Russian, Slovak, Serbian, Swedish. Also, I found that the following translations were updated: Spanish, French, Italian, Japanese, Brazilian Portuguese, Portuguese. Please, I would like to know whether WordPress uses robot or automated translation to carry out these changes or whether WordPress works with paid or with volunteers to take care of each language pair.

Oh! It worked now, I know what’s wrong. If the jetpack comment section hasn’t loaded fully, and you press reply before that, the reply is not being registrered as a reply. It’s like it hasn’t loaded the reply-link.

So perhaps you can remove the reply-link so it doesn’t show until the comments are fully loaded? 🙂

Jetpack Contact Form stopped displaying my forms after latest update of jetpack. I have narrowed it down to a fight with the Next Scripts Social Networks Auto-Poster, however when I look in tools, I don’t get a specific error. Can you tell me what the fix is? I have auto poster disabled right now as I am running ads and I need the forms to show. But I also need to autpost to all my social media when I next post on the blog.

The Next Scripts Social Networks Auto-Poster doesn’t follow the WordPress Coding Standards and results in these issues. There are a number of cases in that plugin where scripts (ex. jQuery) are added directly to the page, rather than being enqueued using proper WordPress functions. This results in clashes with other plugins (like Jetpack) that try to use the same script.

Hi. Unfortunately it’s not working for me and I can not figure out why…It works through Firebug (I can change the Jetpack commets textarea background color for example), but nothing happens as I apply the same modifications in the WP Dashboard’s Custom CSS. Any ideas? I really would like to make it work 🙂

Hmm, since I upgraded to Jetpack comments, ALL Akismet-spam is gone. Before I had like 50 spam comments a day which I had the possibility to manually remove. Now there’s none. Zero. Where have they gone?

Also, it seems like 50% of all valid comments are placed in the spam folder. I have to manually mark them as non-spam and then approve them. This also happened after upgrading to Jetpack comments.

I noticed that when I commented out some of my custom CSS lines to temporary disable, it completely removed those lines. Would be nice if Jetpack custom CSS could support comments in it like I can with an external CSS include file. 🙂