Viewing 15 posts - 1 through 15 (of 15 total)
  • Author
    Posts
  • May 6, 2015 at 1:44 pm #440297
    alfaweb2

    Hi, can you help me to customize the ajax search?

    May 6, 2015 at 2:14 pm #440302
    Yigit

    Hey alfaweb2!

    Please add following code to Quick CSS 

    #top #s {
  background: white;
  border: none;
  border-bottom: 2px solid black;
}
#top #searchsubmit, .ajax_load {
  background-color: white;
  color: black;
}

    Cheers!
    Yigit

    May 6, 2015 at 2:28 pm #440311
    alfaweb2

    Wow nearly perfect. How can i change the test “SUCHE” to “Tippe zum Suchen…”

    May 6, 2015 at 2:31 pm #440313
    alfaweb2
    This reply has been marked as private.
    May 6, 2015 at 2:39 pm #440320
    Yigit

    Hi!

    Please add following code to Quick CSS as well

    .main_menu form#searchform {
  top: 15px;
}

    then add following code to Functions.php file 

    function change_search_placeholder(){
?>
<script>
jQuery(window).load(function(){
jQuery('input#s').attr('placeholder', 'Tippe zum Suchen…');
});
</script>
<?php
}
add_action('wp_footer', 'change_search_placeholder');

    Regards,
    Yigit

    May 6, 2015 at 2:43 pm #440324
    alfaweb2

    OK done, maybe it is possible to use the same font (like the menu font)? Thank you!!!

    May 6, 2015 at 2:51 pm #440332
    Yigit

    Hi!

    Please add following code to Quick CSS as well

    input#s { font-family: 'Open Sans', sans-serif !important; }

    Best regards,
    Yigit

    May 6, 2015 at 3:10 pm #440349
    alfaweb2

    Looks fantastic.

    Can you tell me how to make the font bold. and how can i move the text a little bit to the top? http://i.imgur.com/eYppGrP.jpg and maybe a little bit to the left so the text starts with the line.

    and is it possible to make the line a little bit softer?

    May 6, 2015 at 3:16 pm #440351
    Yigit

    Hi!

    Please adjust top value here to align perfectly – https://kriesi.at/support/topic/custom-search/#post-440320
    and add following code to Quick CSS 

    #top #s { padding-left: 0; }

    Can you please elaborate? How softer? If you mean color, please edit “border-bottom: 2px solid black;” black color here – https://kriesi.at/support/topic/custom-search/#post-440302

    Cheers!
    Yigit

    May 7, 2015 at 10:43 pm #441288
    alfaweb2
    This reply has been marked as private.
    May 7, 2015 at 10:46 pm #441289
    alfaweb2
    This reply has been marked as private.
    May 7, 2015 at 10:46 pm #441291
    alfaweb2

    …i mean a few pixels to the top!

    May 8, 2015 at 6:56 pm #441735
    Yigit

    Hi!

    Please add following code to Quick CSS as well

    .main_menu form#searchform {
  top: 3px;
}

    You can hire a freelance developer to have such effect on search box.

    Cheers!
    Yigit

    May 15, 2015 at 5:22 pm #445056
    alfaweb2
    This reply has been marked as private.
    May 15, 2015 at 5:24 pm #445058
    Yigit

    Hi!

    I am going to help you with custom CSS code, but please let us stick to this thread – https://kriesi.at/support/topic/css-check/

    Regards,
    Yigit

  • Author
    Posts
Viewing 15 posts - 1 through 15 (of 15 total)
  • You must be logged in to reply to this topic.