Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • August 30, 2016 at 7:04 pm #679639
    Sadegh

    Hi Kriesi Team,

    A very short questions about “search bar” of the website (link is in private box):
    .
    1- How may I remove default “search” word from the bar?
    2- How may I reduce the height of the search bar?
    3- Can I move the search icon inside the bar?
    4- How can I remove the search bar in “mobile view“?

    Kind regards,
    Sadegh

    September 1, 2016 at 3:39 pm #680785
    Yigit

    Hey Sadegh,

    1- Please add following code to Functions.php file in Appearance > Editor

    add_filter('avf_frontend_search_form_param','new_search_placeholder');
function new_search_placeholder( $array ){
     $array['placeholder'] = __('My new search placeholder','avia_framework');
     return $array;
}

    2&3&4- Please add following code to Quick CSS

    #top .av_minimal_header #s {
    padding: 6px 47px 8px 5px;
}
#header_meta #searchsubmit {
    height: 26px;
    line-height: 26px;
    color: #0077B4;
    background: #f8f8f8!important;
}
#top #searchform>div { 
margin-right: 20px;
}
@media only screen and (max-width: 480px) {
#top #searchform { display: none !important; }}

    Please make sure that > sign is not converted to – http://i.imgur.com/IDXRZQ3.png in Quick CSS field.

    Best regards,
    Yigit

    September 3, 2016 at 6:46 pm #681666
    Sadegh

    Hey,

    Thanks a lot Yigit, it helped me a lot.

    > Just seems that there’s a little issue left when I use the given codes. Search icon box is a bit large for the bar:
    .

    >> And according to your code, may I know how the width of this search bar could be changed?

    Kind regards,
    Sadegh

    September 3, 2016 at 9:22 pm #681691
    Basilis

    Hey!

    Fill the following also:

    #header_meta #searchsubmit {
    height: 28px
    }

    and let us know if everything is smoothly now!

    Best regards,
    Basilis

    September 3, 2016 at 9:27 pm #681694
    Sadegh

    Hey Basilis,

    Thank you, but it doesn’t change anything.

    September 5, 2016 at 2:14 pm #682160
    Yigit

    Hi!

    You have following code in Quick CSS 

    #header_meta #searchsubmit {
    height: 36px;
}

    Please change 36px to 26px

    Cheers!
    Yigit

    September 5, 2016 at 2:17 pm #682164
    Sadegh

    Hey Yigit,

    Thanks, but it doesn’t seems to work.

    September 7, 2016 at 4:18 pm #683236
    Yigit

    Hi,

    I removed following code from style.css file of your child theme

    #header_meta #searchsubmit { 
height: 36px; 
}

    please review your website now

    Best regards,
    Yigit

    September 7, 2016 at 5:01 pm #683261
    Sadegh

    Hey Yigit,
    Thanks a lot, the issue is fixed.
    (you may now close the thread please)

    Regards,
    Sadegh

  • Author
    Posts
Viewing 9 posts - 1 through 9 (of 9 total)
  • The topic ‘Search bar’ is closed to new replies.