Change color of the submit button

  • Resolved Ziabelle

    (@ziabelle)


    6 years, 8 months ago

    Hi,
    I’m trying to change the color of the submit button on my form.

    I know some css (and I checked in this forum for advise) but my custom code doesn’t change work.
    I’m adding this code :

    .yikes-easy-mc-submit-button {
    background-color: #f29694;
    font-size: 16px;
    }

    But the button always stays blue.

    I have only one form on the contact page (the link I gave you) and the widget in the footer. So both should have a pink button.

    Thanks a lot in advance for your help.

    isabelle

    The page I need help with: [log in to see the link]

Viewing 7 replies - 1 through 7 (of 7 total)
  • Plugin Contributor yikesitskevin

    (@yikesitskevin)

    Hi Isabelle,

    Your CSS code is mostly correct; the issue is that bootstrap styles are conflicting (and overriding) your CSS. The styles are also using both background-color and background.

    So I’ve added the background line and made the styles more specific:

    .yikes-easy-mc-form .yikes-easy-mc-submit-button {
    background-color: #f29694;
    background: #f29694;
    font-size: 16px;
}

    Cheers,
    Kevin.

    • This reply was modified 6 years, 8 months ago by yikesitskevin.
    Thread Starter Ziabelle

    (@ziabelle)

    Hi Kevin,
    Thanks for your answer, but it still doesn’t work.
    When I inspect the code, I can tell that my css is not taken into account… (I cleared my cache too)
    How can I solve this ?
    Thanks ??
    Isabelle

    Plugin Contributor yikesitskevin

    (@yikesitskevin)

    Hi Isabelle,

    I’m not seeing the styles on the page. How are you adding the custom CSS?

    Let me know.

    Thank you,
    Kevin.

    Thread Starter Ziabelle

    (@ziabelle)

    Hi,
    I’m adding CSS in the theme settings, they have a specific spot for custom code CSS, and it usually works.
    Isabelle

    Plugin Contributor yikesitskevin

    (@yikesitskevin)

    Nevermind! I see the styles: https://imgur.com/a/9YdUYax.

    The CSS syntax is off. Make sure to close the @media line with a curly brace like this:

    @media (max-width:480px){
    #logo img{
     content: url("https://www.happypog-deco.fr/wp-content/uploads/2018/04/Happy_pog_deco_tagline.jpg");
        width: 100%;
        height: auto;
        top: 60% !important;
    }
}

    Hope that helps!

    Thread Starter Ziabelle

    (@ziabelle)

    Great !!
    It works now ??
    (as you see, I still have some progress to do in css)
    Have a good day
    Isabelle

    Plugin Contributor yikesitskevin

    (@yikesitskevin)

    No problem – my CSS could definitely improve too! Have a great day Isabelle ??

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘Change color of the submit button’ is closed to new replies.