Tagged: , , ,

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • April 9, 2020 at 11:44 am #1202230
    fr4nkovic

    Hello,

    I would like to change the size of the quantity field on my form.
    I found the css but when I put in Quick CSS it doesn’t do anything.

    #top .input-text, #top input[type=”text”], #top input[type=”input”], #top input[type=”password”], #top input[type=”email”], #top input[type=”number”], #top input[type=”url”], #top input[type=”tel”], #top input[type=”search”], #top textarea, #top select {
    -webkit-appearance: none;
    border: 1px solid #e1e1e1;
    padding: 8px 6px;
    outline: none;
    font: 1em “HelveticaNeue”, “Helvetica Neue”, Helvetica, Arial, sans-serif;
    color: #777;
    margin: 0;
    width: 100%;
    display: block;
    margin-bottom: 20px;
    background: #fff;
    border-radius: 0px

    If I change:

    width: 100%;
    display: block;

    to:

    width: 50px;
    display: inline;

    I get what I want. But somehow I don’t know how to put the right code in Quick CSS to make that happen.

    Can you please help me out?

    April 10, 2020 at 6:38 am #1202584
    Rikard

    Hey fr4nkovic,

    Please try this CSS:

    .ginput_quantity {
    width: 50px;
    display: inline;
}

    Best regards,
    Rikard

    April 10, 2020 at 9:35 pm #1202762
    fr4nkovic

    Thanks Rikard,

    Your code is right, thanks for that. But it didn’t work but I added !important to both width and display and it worked.

    .ginput_quantity {
    width: 50px !important;
    display: inline !important;
    }

    is this the right way are is there a better option perhaps?

    April 11, 2020 at 12:26 am #1202798
    Jordan Shannon

    Hi,

    This is the correct way! I’m glad you found a solution.

    Best regards,
    Jordan Shannon

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