Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • September 13, 2016 at 9:46 pm #686041
    SileeBailey

    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!

    September 15, 2016 at 6:22 am #686716
    Rikard

    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

    September 15, 2016 at 6:33 am #686727
    SileeBailey

    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!

    September 19, 2016 at 3:39 pm #688545
    Yigit

    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

    September 23, 2016 at 10:03 pm #691031
    SileeBailey

    Thank you!!!!

    September 24, 2016 at 3:08 pm #691164
    Vinay

    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

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