Jetpack Subscription Styling

  • calandry

    (@calandry)


    12 years, 10 months ago

    I am trying to change the jetpack subscription style to match my theme and have been unable to do so. I know nothing of PHP and I’m still learning CSS. I’ve tried using this format found on another thread, but haven’t been able to get it to work as of yet.

    .jetpack_subscription_widget input[type=”submit”] {
    /* Your CSS changes */
    }

    I want the button to be the color #EA141F
    with the word submit appearing #fff
    and a hover color of #364956

    my site is http://columbusgabuzz.com I am using a child theme and trying to add the changes in the style sheet of the child theme.

Viewing 3 replies - 1 through 3 (of 3 total)
  • Moderator bcworkz

    (@bcworkz)

    12 years, 10 months ago

    This rule should get the basic look:

    #subscribe-blog-blog_subscription-2 input[type="submit"] {
    background-color: #EA141F;
    color: #FFF;
}

    I don’t think a hover rule will work here because it is a form element, not a link. You may need to use javascript or jQuery to invoke a rollover effect. Or I’m wrong and simply don’t know the correct CSS selector.

    Thread Starter calandry

    (@calandry)

    12 years, 10 months ago

    Thank you for the reply bcworkz. It didn’t do the trick for me in my childtheme stylesheet, but it is working when I add it to custom css editor. Guess I should have tried that all along. I think I saw a selector for hover in one of the other threads before I posted this question. I’ll look around and see if I can find it again. Thanks again.

    Thread Starter calandry

    (@calandry)

    12 years, 10 months ago

    got the hover answer from here.
    http://ww.wp.xz.cn/support/topic/subscription-button-2?replies=5

    combined with what you showed me. Final product =

    #subscribe-blog-blog_subscription-2 input[type=”submit”]:hover {
    background-color: #364956;
    }

    Thank you.

Viewing 3 replies - 1 through 3 (of 3 total)

The topic ‘Jetpack Subscription Styling’ is closed to new replies.