[resolved] Jetpack Subscription Styling (4 posts)

  1. calandry
    Posted 2 years 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.

  2. MarximusMG
    Posted 2 years ago #

    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!

  3. calandry
    Posted 2 years ago #

    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.

  4. MarximusMG
    Posted 2 years ago #

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

Topic Closed

This topic has been closed to new replies.

About this Topic