How can I set header search like in the image


  • Prabhu
    Newbie 55 points
    June 26, 2016 at 3:04 pm

    Hi Josh,

    How can I set header search like in the attached image?

    Thanks

    Attachments:
    You must be logged in to view attached files.

  • Josh
    Super Guru 13,875 points
    June 27, 2016 at 11:23 am

    Hello Prabhu,
    Not 100% like you want it but you can try it.Add the below code under Theme Setup >General Setup >Custom css

    .nsearch .col-md-4:nth-child(1), .col-md-4:nth-child(2) {
    display:none;
    }
    .nsearch .col-md-4 {
    width: 50%;
    }
    .nsearch input {
    width: 100%;
    }
    Then go to Theme Setup >Language Setup >0.Button Translation and translate ‘Search’ to your text.See attached image

    Attachments:
    You must be logged in to view attached files.

  • Prabhu
    Newbie 55 points
    June 27, 2016 at 2:48 pm

    Thanks Josh.


  • Josh
    Super Guru 13,875 points
    June 27, 2016 at 3:25 pm

    You’re welcome 🙂


  • shravan
    Newbie 22 points
    November 12, 2016 at 8:07 am

    how can i fix this center to left or right side


  • Josh
    Super Guru 13,875 points
    November 12, 2016 at 12:39 pm

    Hello Shravan,
    Please provide url


  • shravan
    Newbie 22 points
    November 12, 2016 at 1:37 pm

    Hi josh,

    i try this code on localhost

    .nsearch .col-md-4:nth-child(1), .col-md-4:nth-child(2) {
    display:none;
    }
    .nsearch .col-md-4 {
    width: 50%;
    }
    .nsearch input {
    width: 100%;
    }

    and after that this will show search in center and also left side email subscription or other things not show


  • Josh
    Super Guru 13,875 points
    November 12, 2016 at 2:18 pm

    Please provide a screenshot


  • shravan
    Newbie 22 points
    November 12, 2016 at 2:31 pm

    see details

    Attachments:
    You must be logged in to view attached files.

  • shravan
    Newbie 22 points
    November 12, 2016 at 2:33 pm

    see

    Attachments:
    You must be logged in to view attached files.

  • Josh
    Super Guru 13,875 points
    November 15, 2016 at 9:02 am

    Hello Shravan,
    Please try the below code under Theme Setup >General Setup >Custom css

    .nsearch .col-md-4:nth-child(1), .col-md-4:nth-child(2) {
    display:none;
    }
    .nsearch .col-md-4 {
    width: 100%;
    }
    #core_middle_column .row >.col-md-8 {
    width:100%;
    }


  • shravan
    Newbie 22 points
    November 16, 2016 at 2:58 am

    Hello Josh,

    my url is https://www.neorai.com/ and i’m looking for search box like this url https://www.avarikar.com/


  • Josh
    Super Guru 13,875 points
    November 16, 2016 at 7:00 am

    Hello Shravan,
    You will need some customization to achieve the same search.Please post here >>www.premiumpress.com/designwork/

Viewing 13 posts - 1 through 13 (of 13 total)

New Business Themes for WordPress 2020

Start your new website today!

View Business Themes