Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • January 26, 2014 at 2:20 am #214929
    CloudChoice

    Hi,

    How can I resize the dimensions of SEARCH WIDGET form, using a quick css?

    THANK YOU

    January 27, 2014 at 1:09 am #215127
    Yigit

    Hey CloudChoice!

    You can add following code to Quick CSS in Enfold theme options under Styling tab and adjust as needed

    #top #searchform>div {
max-width: 200px; }

    Best regards,
    Yigit

    January 27, 2014 at 1:22 am #215134
    CloudChoice

    Hi,

    The code works in some aspects. But I unable to change the height. I used this code:

    #top #searchform>div {
    max-width: 600px !important;
    max-height: 400px !important;
    }

    Any suggestion?

    THANKS

    January 27, 2014 at 1:24 am #215136
    Yigit

    Hey!

    If you would like to adjust the height, you should change padding values 

    #top #s {
padding: 20px 47px 20px 5px; }

    you should be changing top and bottom padding values, which are both 20px in this code

    Best regards,
    Yigit

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘Resize the Search Form’ is closed to new replies.