Change style of subscribe buttons

  • Resolved egerlach

    (@egerlach)


    3 years, 8 months ago

    How can I change style of buttons in my “individual css” plugin?
    Who has a collection of examples or a “prototype” css entry where I can change color, uppercase to lowercase (uppercase is no business, horrible!!), ….

    I pay you for collection or “prototype”.
    Hello maintainer! I miss a offer for that in PRO version. Exists in PRO? – BTW: a black button is absolutely nogo in email lists marketing … I wonder how to have success with black buttons, even with uppercase …
    I’m willing to upgrade to PRO … but I need to know how to change style of subscriber buttons. And headline/name of optin should be fast … I need css examples for that how to change.

    • This topic was modified 3 years, 8 months ago by egerlach.
    • This topic was modified 3 years, 8 months ago by egerlach.
Viewing 5 replies - 1 through 5 (of 5 total)
  • Plugin Contributor kishanranawat

    (@kishanranawat)

    Hi there,

    I am really sorry for the delay in getting back to you.

    If you want to change the color or make button’s text uppercase or lowercase, then you can check out the following CSS for a reference

    .es_subscription_form input[type="submit"] {
    background-color: #4caf50; /* Green */
    color: #ffffff;  /* White */
    text-transform: lowercase;
}

    Note: Since WordPress themes also affect button styling, you may need to tweak the above CSS to override any conflicting style coming from the theme.

    To understand your query further, we may need a little bit of your help. Can you please let us know what you exactly want to achieve when you say ‘headline/name of optin should be fast … I need css examples for that how to change.‘. If you can tell more about your requirements then we will be able to assist you better.

    Hope this helps you. Let us know if you have any further queries.

    Thread Starter egerlach

    (@egerlach)

    thank you so much!! works! ??

    @text-transform; “none” is better. So uppercase letters in a word are preserved:

    text-transform: none !important;

    And have you a css example to make button bigger, the edges round, and perhaps insert a color gradient?

    I’ll buy a PRO license now …

    • This reply was modified 3 years, 7 months ago by egerlach.
    • This reply was modified 3 years, 7 months ago by egerlach.
    • This reply was modified 3 years, 7 months ago by egerlach.
    • This reply was modified 3 years, 7 months ago by egerlach.
    Plugin Contributor kishanranawat

    (@kishanranawat)

    Hi there,

    Thank you for your confirmation. Glad to hear that our previous reply was helpful.

    To make the button bigger and round-edged with a gradient background, you can refer following CSS

    .es_subscription_form input[type="submit"] {
    background-image: linear-gradient(to right, #6a3093 0%, #a044ff  51%, #6a3093  100%);
    padding: 10px 25px; 
    border-radius: 7px;
}

    Note: You can increase padding to make the button bigger and border-radius to increase it’s roundness.

    Hope this helps you. Let us know if you have any further queries.

    Plugin Contributor kishanranawat

    (@kishanranawat)

    Hi there,

    I hope you found our previous reply helpful.

    We haven’t heard back from you in a while, so I’m going to mark this thread as resolved.

    If you have any further questions, you can start a new thread.

    Thank you.

    Thread Starter egerlach

    (@egerlach)

    YEs, works, thank you. You can close.

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Change style of subscribe buttons’ is closed to new replies.

Tags