Jetpack Subscription Styling

  • Resolved calandry

    (@calandry)


    10 years, 9 months ago

    Hi, I am trying to style the jetpack subscriptions widget on my site. I would like it to look like the search box. On the same line, same height, same button color, text color and hover color. How do I accomplish this? Site link is Columbus GA Buzz. Thank you.

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

  • Hi Calandry, after looking at your site, I see that you were able to accomplish this. Could you please let me know exactly how you did it? Thanks!

    Thread Starter calandry

    (@calandry)

    Hi MarximusMG,

    I actually found the answer in another thread, but I don’t remember where it is to direct you to it. Here is what I did to style the submit button:

    #subscribe-blog-blog_subscription-2 input[type=”submit”] {
    float: right;
    height: 35px;
    width: 29%;
    background-color: #EA141F;
    color: #FFF;
    border: none;
    }

    To get the hover color I am using this:

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

    And finally the text input box:

    #subscribe-blog-blog_subscription-2 input[type=”text”] {
    float: left;
    height: 32px;
    border: none;
    width: 65%;
    padding-left: 10px;
    }

    Hope this helps.

    Thank you so much Calandry! Really appreciate you taking the time to help!

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Jetpack Subscription Styling’ is closed to new replies.