How to resize form search?

Home Forums Iconic One Pro Support How to resize form search?

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #6320
    Christy
    Participant

    hello..!
    is it possible to resize the .socialmedia #searchsubmit? like this
    Search bar 4allprograms

    #6323

    Hi,

    Use in Customizer -> Additional CSS like this

    
    .socialmedia #searchform {
        width: 70%;
    }

    The above is for the stretch width after click.

    If you want the default width to be bigger, use like

    
    .socialmedia #searchform #s {
        width: 70%;
    }
    #6324
    Christy
    Participant

    how to disable the effect?

    #6325
    
    .socialmedia #searchform #s:focus {
        width: 70%;
    }

    The above will match the width with previous code and there will be no transition effect because width is now same.

    To remove effect:

    
    .socialmedia #searchform #s {
        -webkit-transition: none;
        transition: none;
    }
Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘How to resize form search?’ is closed to new replies.