My Popup Is Pretty Ugly – CSS for Jetpack Shortcode

  • Resolved tmh12

    (@tmh12)


    8 years ago

    I love the plugin so far but I may need some help. I have no idea how to tweak the button color when I’m trying to use the jetpack email subscription shortocde. Anyone have any idea how I can make my button #20b57e color? I’m honestly pretty confused how I got it to be light gray in the first place… Thanks from a total newbie.

    URL: themoneyhabit.org

Viewing 1 replies (of 1 total)
  • Plugin Support Predrag – WPMU DEV Support

    (@wpmudev-support1)

    Hi @tmh12,

    I see that you quite nice green button in your popup so I’m guessing that you’re referring to same button in your sidebar, is that correct?

    Here’s some CSS code that should help you get started with customizing it:

    #subscribe-blog-blog_subscription-4 #subscribe-submit {
    border-bottom: solid 4px transparent;
    border-radius: 5px;
    padding: 0 !important;
    text-align: center;
    width: 100%;
    background-color: #167f58 !important;
    clear: both;
    transition: background 350ms linear, border-color 350ms linear;
}

#subscribe-blog-blog_subscription-4 #subscribe-submit input {
    background-color: #20b57e !important;
    color: #ffffff;
    border-radius: 5px;
}

    If your theme doesn’t have custom CSS field, then you may wish to use a child theme or a plugin like this one for this additional CSS. That way you’re protected when you come to upgrade.

    Cheers,
    Predrag

Viewing 1 replies (of 1 total)
  • The topic ‘My Popup Is Pretty Ugly – CSS for Jetpack Shortcode’ is closed to new replies.