WordPress.org

Ready to get started?Download WordPress

Forums

[resolved] JetPack Blog Subscriptions Widget (8 posts)

  1. Johnny Chen
    Member
    Posted 1 year ago #

    Hi everyone,

    Like the users on a previous thread here (http://wordpress.org/support/topic/jetpack-subscribe-widget?replies=10), I'm also having trouble with the JetPack blog subscriptions widget. It seems that all other widgets adopt the CSS except this subscriptions widget, which seems to override the CSS.

    Does anyone know how to solve this problem? I'm specifically trying to change the font color of that widget from black to white. Check it out here: http://johnny-chen.com/.

    Thank you in advance!!

  2. Hi!

    .jetpack_subscription_widget {
    color: #fff;
    }

    That should do it! You can enter this in the Edit CSS page, under Appearance, if you have the Custom CSS module active in Jetpack. Otherwise, you can edit your stylesheet directly.

    Let me know if that fixes it for you!

  3. Johnny Chen
    Member
    Posted 1 year ago #

    Hi Richard,

    That did it! That's definitely much easier than people in the previous thread made it out to seem.

    I have one more question. Do you think you could help me with the code for the Jetpack Twitter widget as well? If you look on my blog (http://johnny-chen.com/), you'll see at the bottom left that the content from my 3 most recent tweets are all bunched together. Could you point me to where I should go to edit the code to space out these tweets?

    Thanks for all your help so far!

  4. How about something like

    .widget_twitter li {
    margin :15px 0;
    }

    The 15 is margin before and after each tweet, and the 0 is no additional margin on the sides of the tweets. You can modify the number if you want, of course!

    For further work of this type, I strongly suggest learning some CSS. You can have a look here for starters:

    http://en.support.wordpress.com/custom-design/css-basics/

    But you'd open up a world of possibilities if you learned how to use Firebug or Chrome's Developer Tools.

    You can find other useful links here:

    http://codex.wordpress.org/Know_Your_Sources#CSS

    Hope this helped!

  5. Johnny Chen
    Member
    Posted 1 year ago #

    Hi Richard,

    I've taken CSS classes and I've built some sites out before, but I just didn't know what the name of this widget class was ("widget_twitter"). Same with the jetpack_subscription_widget. Now I do.

    Thanks! Really appreciate the help.

    Johnny

  6. You're welcome! For your information, I found the class of the widget by opening up the Developer tools in Chrome (you can use Firebug in Firefox if you prefer). If you work on sites and CSS< I meant it when I said that it'd "open up a world of possibilities" for you if you use them. :)

  7. Kioskguy
    Member
    Posted 6 months ago #

    Dear Happiness Engineer, Could you help with editing the .jetpack_subscription_widget label for the title that normally has text of "Subscribe to Blog via Email" ?
    Thank you for sharing the happiness.

  8. @Kioskguy: Could you please start your own thread, as per the Forum Welcome?

    http://wordpress.org/support/plugin/jetpack#postform

    Thank you!

Topic Closed

This topic has been closed to new replies.

About this Topic