WordPress.org

Ready to get started?Download WordPress

Forums

Jetpack by WordPress.com
[resolved] Jetpack Blog Subscriptions widget not accepting theme styling (2 posts)

  1. jwterrill
    Member
    Posted 1 year ago #

    I just installed Jetpack at:
    http://www.burjoski.com/iphf
    Work great, but as you can see the styling of the text on the Blog Subscription widget is not being styled by the theme. Can you please help?

    http://wordpress.org/extend/plugins/jetpack/

  2. Jeremy Herve
    Happiness Engineer
    Plugin Author

    Posted 1 year ago #

    Your theme doesn't seem to add any CSS class to your widget containers. I would suggest that you look at how widget areas are registered in Twenty Twelve:
    http://core.trac.wordpress.org/browser/trunk/wp-content/themes/twentytwelve/functions.php#L204

    Once you add CSS classes to each widget area, it will be easier to customize the look of your theme to fit your needs.

    If you do not wish to make changes to your theme, you can use the CSS editor under Appearance > Edit CSS, to style the subscription widget like so:

    .widget input[type="text"], .widget input[type="email"] {
        font-family: Georgia,"Times New Roman",Times,serif;
        font-size: 10px;
        line-height: 18px;
        margin: 5px 0 10px;
        min-height: 18px;
        position: relative;
        text-transform: uppercase;
        width: 208px;
    }
    .widget input[type="submit"] {
        background: -moz-linear-gradient(center top , #FFFFFF 0%, #E2E2E2) repeat scroll 0 0 transparent;
        border: 1px solid #AAAAAA;
        border-radius: 4px 4px 4px 4px;
        color: #3E4B57 !important;
    height: 27px !important;
        text-shadow: 0 0 0 rgba(0, 0, 0, 0.7), 0 1px 0 rgba(255, 255, 255, 0.3);
    }
    
    .widget #subscribe-blog p {
        margin-bottom: 0;
    }

    I only picked a few of the existing CSS rules applied to your other widgets, but you can customize it further of course! :)

Topic Closed

This topic has been closed to new replies.

About this Plugin

About this Topic