How to resize form search?

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

This topic contains 3 replies, has 2 voices, and was last updated by  Themonic-Support 2 weeks, 2 days ago.

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.