Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • November 29, 2018 at 4:50 pm #1039018
    steviger

    Hi,

    Been trying for quite a while now but I can’t figure out how to increase the width of the search submit button.
    What I would like to achieve is a search box as shown here

    For that I used the searchbox from the content elements section. No label text but with icon display. I tried this CCS:

    #top #searchsubmit {background:#001770!important; padding:0 10px!important; width:100%!important;}
input#s[placeholder] {padding-left:12px!important; font-size: 18px;font-weight:300; height:36px; color:#a9a8a8;}

    But no luck so far…

    Best regards,

    Steven

    November 29, 2018 at 5:25 pm #1039055
    Jordan Shannon

    Hey steviger,

    Add this to quick css:

    .av_searchsubmit_wrapper.av-submit-hasicon{
width:200px!important;
}

    Best regards,
    Jordan Shannon

    November 29, 2018 at 5:33 pm #1039060
    steviger

    Hi Jordan,

    Thanks. Works like a charm!

    Best,

    Steven

    November 29, 2018 at 5:54 pm #1039073
    Jordan Shannon

    Hi,

    I’m glad this was resolved. If you need additional help, please let us know here in the forums.

    Best regards,
    Jordan Shannon

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘Increase width search submit button’ is closed to new replies.