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

    Hello,

    I have done a bunch of searching and found one possible solution that I tried putting in the quick CSS but could not get it to work. I am trying to decrease the height of the input fields on a form on a specific page only.
    Here is what I tried under General Styling – Quick CSS:

    .page-id-320 textarea#avia_7_1 {
    height: 35px !important;
    }

    My apologies if I missed the info on another thread!

    Thank you!

    #686716

    Hi SileeBailey,

    Could you post a link to the site in question so that we can take a closer look please? Also try to explain the changes you are looking to make a bit further.

    Thanks,
    Rikard

    #686727

    Hi Rikard,

    Thank you for your reply! I don’t yet have it live so will post the log in details below.
    I am trying to decrease the height of name, email and message boxes in a form on a specific page so they are thinner and take up less space.

    Thank you again!

    #688545

    Hi,

    Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:

    
    #top textarea {
        max-height: 30px;
    }
    

    Best regards,
    Yigit

    #691031

    Thank you!!!!

    #691164

    Hi,

    Glad we could help!
    We really appreciate it if you rate our theme on themeforest .
    To know more about enfold features please check – http://kriesi.at/documentation/enfold/
    Thank you for using Enfold :)

    Best regards,
    Vinay

Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘Decreasing Form Input Field on Specific Page’ is closed to new replies.