Change purple background color

  • Resolved nicolafresh

    (@nicolafresh)


    4 years, 11 months ago

    Hi, I’m using Hestia theme and I need support with the css for 2 different issues:
    1. As in the form in homepage, I need to have a line under “Messaggio” in the paragraph field in the page: [ redundant link removed ] exactly as the line under “Nome” and “Email” fields.
    2. As in the form in homepage and as in the “Name” and “Email” fields, I need to not have that purple background when you start texting on the paragraph field in the page: [ redundant link removed ]
    I think it’s a conflict with the css theme settings but I don’t know how to fix it.

    So, my support question is to have the same css behaviour on wp forms in the 2 different pages taking the wp form in homepage as the correct one.

    Thank you very much.
    Nicola

    • This topic was modified 4 years, 11 months ago by Jan Dembowski.

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

Viewing 4 replies - 1 through 4 (of 4 total)
  • Plugin Support Ethan Choi

    (@ethanchoi)

    Hi @nicolafresh,

    To do what you’ve described, please try the following CSS snippet:

    div.wpforms-container-full .wpforms-form textarea:focus {
    background: none !important;
    border-bottom: 2px solid #9c27b0 !important;
}

    And in case it helps, here’s a tutorial from WPBeginner on how to add custom CSS like this to your site.

    Hope this helps!

    Thread Starter nicolafresh

    (@nicolafresh)

    Hi @ethanchoi,
    I tried the CSS snippet and it works perfectly, except for one thing:
    I would like to have that grey line under “Messaggio” as for “Nome” and “Email” even before you start writing.

    Thank you very much!
    Nicola

    Plugin Support Ethan Choi

    (@ethanchoi)

    Hi @nicolafresh,

    Thanks for letting me know. Please try the following CSS snippet when you get the chance:

    div.wpforms-container-full .wpforms-form textarea {
    border-bottom: 1px solid #D3D3D3 !important;
}

div.wpforms-container-full .wpforms-form textarea:focus {
    background: none !important;
    border-bottom: 2px solid #9c27b0 !important;
}

    Thanks!

    Thread Starter nicolafresh

    (@nicolafresh)

    Hi @ethanchoi,

    now it’s perfect!

    Thank you very much!

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Change purple background color’ is closed to new replies.

Tags