Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • July 18, 2014 at 2:32 am #292762
    Heidilaugesen

    Hi,

    I search through the forum, because I would like to make the text fields slimmer (reduce the space between the text and the border.

    I tried to paste this in my custom.css, but nothing happens. Can you help?

    #top select {
    -webkit-appearance: none;
    border: 1px solid #e1e1e1;
    padding: 0px 6px; !important;
    outline: none;
    font: 13px “HelveticaNeue”, “Helvetica Neue”, Helvetica, Arial, sans-serif;
    color: #777;
    margin: 0;
    !important;
    width: 510px;
    !important;
    max-width: 100%;
    display: block;
    margin-bottom: 0px;
    background: #fff;
    border-radius: 0px;
    height:1px; !important;
    }

    July 18, 2014 at 2:56 pm #292982
    Yigit

    Hi Heidilaugesen!

    Please try adding following code to Quick CSS in Enfold theme options under General Styling tab

    #top .avia_ajax_form .text_input, #top .avia_ajax_form .select, #top .avia_ajax_form .text_area { padding: 0 6px !important; }

    Best regards,
    Yigit

    July 20, 2014 at 8:29 pm #293643
    Heidilaugesen

    Thanks..

    Is there a different between copying to quick css or custom,css?

    July 21, 2014 at 12:49 am #293666
    Ismael

    Hi!

    No, both will work just fine but it’s better to add it on custom.css file especially when you’re using WPML. If you use the Quick CSS field with multiple language activated, you have to place it on each language’s Quick CSS field.

    Best regards,
    Ismael

    July 21, 2014 at 10:12 am #293762
    Heidilaugesen

    Thanks

  • Author
    Posts
Viewing 5 posts - 1 through 5 (of 5 total)
  • The topic ‘Form – textfield – padding and margin’ is closed to new replies.