Increase width and height of the search field

  • Resolved pixel234

    (@pixel234)


    7 years, 3 months ago

    Great plugin.
    I’m looking to place this on my header but need to adjust the height and width of the search field.
    Please advise.
    Thanks

Viewing 4 replies - 1 through 4 (of 4 total)
  • Plugin Author YummyWP

    (@yummy-wp)

    Hi
    You can adjust sizes via custom css. You can apply ‘width’ property to .ysm-search-widget block and ‘height’ property to .ysm-search-widget .search-field.

    Best regards
    Stanislav

    Thread Starter pixel234

    (@pixel234)

    Thanks for your response.
    Adjusting the width works for me using:

    .ysm-search-widget {
    width: 480px;
    }

    However using this for the height isn’t working:
    .ysm-search-widget .search-field {
    height: 30px;
    }

    Am I missing something?

    Plugin Author YummyWP

    (@yummy-wp)

    Could you provide a link to the website?

    Maybe you just need to add ‘!important’ like so 

    
.ysm-search-widget .search-field[type="search"] {
height: 30px !important;
}
    Thread Starter pixel234

    (@pixel234)

    This worked perfectly. Thanks!

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Increase width and height of the search field’ is closed to new replies.