• Resolved ruby06dawnbrooke

    (@ruby06dawnbrooke)


    Hello!

    I use Pinnacle, but there is one problem :/. I used a Newsletter Sign Up form, and the button looks like this, click here to see.

    I just want to know if you have any button CSS?

    Thanks!

Viewing 9 replies - 1 through 9 (of 9 total)
  • You can add some css to customize. Can you post a link to where this is located in your site?

    Hannah

    Thread Starter ruby06dawnbrooke

    (@ruby06dawnbrooke)

    In your theme options > custom css add this:

    .benchmarkemaillite-subscribe input[type="submit"] {
        padding: 10px 16px;
        margin-top: 10px;
        border: none;     display: inline-block;     background: #8e8e8e;
        color: #fff;     transition: background .6s ease-out;     -webkit-transition: background .6s ease-out;     -moz-transition: background .6s ease-out;     -o-transition: background .6s ease-out;     box-shadow: 0 -3px rgba(0,0,0,.1) inset;     -moz-box-shadow: 0 -3px rgba(0,0,0,.1) inset;     -webkit-box-shadow: 0 -3px rgba(0,0,0,.1) inset;     -o-box-shadow: 0 -3px rgba(0,0,0,.1) inset;     -webkit-border-radius: 4px;     -moz-border-radius: 4px;     border-radius: 4px;
    }
    .benchmarkemaillite-subscribe input[type="submit"]:hover {
        color:#fff;
        background:#bbb;
    }

    Kadence Themes

    Thread Starter ruby06dawnbrooke

    (@ruby06dawnbrooke)

    Thanks! 🙂

    Thread Starter ruby06dawnbrooke

    (@ruby06dawnbrooke)

    But it doesn’t seem to work?

    hannah

    (@hannahritner)

    I’m not seeing the css in your site. Did you remove it? Have you cleared your cache?

    Hannah

    Hey,
    I’m seeing that you added:

    .benchmarkemaillite-subscribe input[type="submit"] {
        padding: 10px 16px;
        margin-top: 10px;
        border: none;     display: inline-block;     background: #8e8e8e;
        color: #fff;     transition: background .6s ease-out;     -webkit-transition: background .6s ease-out;     -moz-transition: background .6s ease-out;     -o-transition: background .6s ease-out;     box-shadow: 0 -3px rgba(0,0,0,.1) inset;     -moz-box-shadow: 0 -3px rgba(0,0,0,.1) inset;     -webkit-box-shadow: 0 -3px rgba(0,0,0,.1) inset;     -o-box-shadow: 0 -3px rgba(0,0,0,.1) inset;     -webkit-border-radius: 4px;     -moz-border-radius: 4px;     border-radius: 4px;
    }
    .benchmarkemaillite-subscribe input[type="submit"]:hover {
        color:#fff;
        background:#bbb;
    }

    Which looks like you copied from an email and not from here. It’s very important that you copy the code from the forums.

    Kadence Themes

    Thread Starter ruby06dawnbrooke

    (@ruby06dawnbrooke)

    I copied it from the forum though…

    Thread Starter ruby06dawnbrooke

    (@ruby06dawnbrooke)

    Wait, maybe there was error along the way when I put it in? Since now it works, thanks 🙂

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

The topic ‘Pinnacle- Button CSS’ is closed to new replies.