Site logo

[Resolved] css that globally overrides all input form & button border radius

Home Forums Support [Resolved] css that globally overrides all input form & button border radius

Home Forums Support css that globally overrides all input form & button border radius

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #2106093
    Halil

    Hi
    Im using several plugins that create their own input form and button styles.

    is it possible to write a css that overrides all of these different settings so that for example all buttons/input boxes have 4 px border radius, 4 px padding from the left, on hover button will look exact same color?

    thanks.

    #2106327
    David
    Staff
    Customer Support

    Hi there,

    it depends on whether those elements have their own very specific CSS styles. You coild try this for example:

    input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="tel"], input[type="number"], textarea, select,
    button {
        border-radius: 4px !important;
        padding-left: 4px !important;
    }

    Might work….

    #2106352
    Halil

    thanks David,
    how about buttons, like woocommerce/GP buttons saying “buy” , “Read more” etc. I’m quite inexperienced with css.

    #2106404
    David
    Staff
    Customer Support

    For those you would do something like this:

    a.button {
        border-radius: 4px;
    }

    Some may need tweaking and i am happy to look at any items on your site and provide some specific CSS.

    #2106429
    Halil

    huge thanks David, I’ll try doing it by myself to more learn about css.

    U guys are always great at custom support.
    best

    #2106910
    David
    Staff
    Customer Support

    Glad to be of help!!

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