Tagged: ,

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • September 5, 2018 at 5:01 pm #1006213
    Samuel

    Hi, I added the code below to the custom css, I was able to change the look of the submit button but I added a few variations of css for the hover button but I can’t change it. What css code should I add? Thanks.

    div.wpforms-container-full .wpforms-form button[type=submit] {background-color: #000; color: #FFF; font-weight: bold; border-radius: 10px}

    September 6, 2018 at 4:17 am #1006410
    Rikard

    Hey samuelngyl,

    Thanks for that, please try the following in Quick CSS under Enfold->General Styling:

    div.wpforms-container-full .wpforms-form button[type=submit]:hover {
    background-color: red;
}

    Best regards,
    Rikard

    September 6, 2018 at 6:32 am #1006466
    Samuel

    I added the following in Quick CSS under Enfold->General Styling and it’s still not working. Am I missing anything here? Thanks.

    div.wpforms-container-full .wpforms-form button[type=submit] {background-color: #000; color: #FFF; font-weight: bold; border-radius: 10px}

    div.wpforms-container-full .wpforms-form button[type=submit]:hover {background-color: #CC0000; color: #FFF; font-weight: bold; border-radius: 10px}

    September 6, 2018 at 7:53 am #1006488
    Rikard

    Hi,

    Did you try to use !important after you arguments? Also, you are missing a semi-colon after the border-radius statement in both your examples.

    Best regards,
    Rikard

    September 6, 2018 at 3:10 pm #1006640
    Samuel

    I didn’t use !important and I didn’t add a semi-colon but it works now, thanks. You can close this thread.

    September 6, 2018 at 4:08 pm #1006689
    Victoria

    Hi samuelngyl,

    Glad you got it working for you! :)

    If you need further assistance please let us know.

    Best regards,
    Victoria

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • You must be logged in to reply to this topic.