› ›

search button

msimkamsimka
in Rambo

Hello, I want to change search button GO - replace it by sign image

Thanks.

Comments

  • akhileshakhilesh
    HI 

    Let me know the sign you want to add . 

    Bz the image you send us  not showing . 

    Thanks 
  • msimkamsimka
    sorry, see attached
    sign.JPG
    8K
  • akhileshakhilesh
    HI

    Generally its a part of customisation , but only doing for you . 
    Follow the given below instruction carefully . 

    Step 1 

    1 Find the index-banner.php file located in your theme directory . 

    2 Open it and find the below line of code on line no .

    3 And replace it with below line of code . 

    <button type="submit" class="Search_btn" name="submit" ><img src="http://webriti.com/support/uploads/FileUpload/16/58abf9b0ddde4c2d1e3ec6fbd77437.jpg"/></button>
     
    Step  2 

    After following above step . 
    Navigate to the Appearance Tab << Customizer  << header setting << Custom css box . 
    Add the below css code inside this box . 


    .input-append.search_head.pull-right img {
        height: 20px;
        width: 20px;
    }

    let me know for any confusion . 

    Thanks
  • msimkamsimka

    do you mean index.php file? And to point 2. - what is line Nr.?

    thanks

  • akhileshakhilesh
    edited September 2016
    HI

    OOps ,  follow the  below instruction .  

    Step 1 

    1 Find the banner-strip.php file located in your theme directory . 

    2 Open it and find the below line of code on line no . 10 

      <button type="submit" class="Search_btn" name="submit" ><?php esc_attr_e( "Go", 'rambo' ); ?></button>

    3 And replace it with below line of code . 

    <button type="submit" class="Search_btn" name="submit" ><img src="http://webriti.com/support/uploads/FileUpload/16/58abf9b0ddde4c2d1e3ec6fbd77437.jpg"/></button>

    Change img  src url as your need . 


  • akhileshakhilesh
    Step  2 

    After following above step . 
    Navigate to the Appearance Tab << Customizer  << header setting << Custom css box . 
    Add the below css code inside this box . 


    .input-append.search_head.pull-right img {
        height: 20px;
        width: 20px;
    }


    Thanks 
  • msimkamsimka
    Thanks:)
  • akhileshakhilesh
    Hi

    Glade to know that its work for you .
    If you really like our theme and support pls give rate us here . 

    Thanks 
    Akhilesh
This discussion has been closed.