PLEASE NOTE: These forums are no longer utilized and are provided as an archive for informational purposes only. All support issues will be handled via email using our support ticket system. For more detailed information on this change, please see this blog post.

need to overwrite css settings for nice look

  1. pedro67
    Member

    Hi there

    I guess you have told me something like this already but I cannot find it anymore. On this testpage I would like to kill the given background of the form to look like the field of the phone number.
    But I do not know where to find or define this css in my custom css. I want to add it specificly for the form.
    Here is the link from this testpage which is still in work:
    http://page.pronto-salvo.at/contatto

    Thanks in advance

    Posted 11 years ago on Saturday June 8, 2013 | Permalink
  2. It looks like your theme is not accounting for the input type of "tel" :

    [css]
    button, input[type="date"], input[type="email"], input[type="file"], input[type="password"], input[type="text"], select, textarea {
    background-color: #f6f6f6;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    }

    Does that help?

    Posted 11 years ago on Monday June 10, 2013 | Permalink
  3. pedro67
    Member

    hey Rob.

    no - does not help or I did something wrong inserting the snipet in my custom.css

    donĀ“t I have to use a Point (.) at before button?

    Posted 11 years ago on Monday June 10, 2013 | Permalink
  4. Change this:

    [css]
    button, input[type="date"], input[type="email"], input[type="file"], input[type="password"], input[type="text"], select, textarea {
    background-color: #f6f6f6;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    }

    To this:

    [css]
    button, input[type="date"], input[type="email"], input[type="file"], input[type="password"], input[type="text"], select, textarea, input[type="tel"] {
    background-color: #f6f6f6;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    }

    Or alternatively, you could just use a single line text field instead of a phone number field.

    Posted 11 years ago on Monday June 10, 2013 | Permalink
  5. pedro67
    Member

    ahhh... now / thanks
    but you got me wrong. I did want them all to be transparent.
    So I changed the color now to transparent - works fine.
    Does this work on other browsers too? I use mostly Chrome.

    Posted 11 years ago on Monday June 10, 2013 | Permalink
  6. Yeah you should be fine on that.

    Posted 11 years ago on Monday June 10, 2013 | Permalink