Support Forum - Tag: Search Bar

Support Forum - Tag: Search Bar - Recent Posts http://www.kriesi.at/support/tags/search-bar Support Forum - Tag: Search Bar - Recent Posts en-US Thu, 20 Jun 2013 06:42:27 +0000 http://bbpress.org/?v=1.0.2 <![CDATA[Search]]> q http://www.kriesi.at/support/search.php Ismael on "Can we move or expand the Search Bar?" http://www.kriesi.at/support/topic/search-bar-moved#post-118294 Fri, 14 Jun 2013 06:26:31 +0000 Ismael 118294@http://www.kriesi.at/support/ Hey, Glad we could help. :) Have a nice day. Cheers, Ismael Nicolas Lovelstzy on "Can we move or expand the Search Bar?" http://www.kriesi.at/support/topic/search-bar-moved#post-118113 Thu, 13 Jun 2013 15:46:58 +0000 Nicolas Lovelstzy 118113@http://www.kriesi.at/support/ Thank you Ismal, Really appreciate all your extra support. Regards, -Nicolas Jasmine Lovelstzy on "Can we move or expand the Search Bar?" http://www.kriesi.at/support/topic/search-bar-moved#post-118112 Thu, 13 Jun 2013 15:42:14 +0000 Jasmine Lovelstzy 118112@http://www.kriesi.at/support/ Perfect! Thanks so much Ismael for all your help and time spent on this. Have a Beautiful Day and Best Regards, jasmine Ismael on "Can we move or expand the Search Bar?" http://www.kriesi.at/support/topic/search-bar-moved#post-118039 Thu, 13 Jun 2013 10:33:18 +0000 Ismael 118039@http://www.kriesi.at/support/ Hi, Glad it work. Try this: <pre><code>.widget_product_search #searchform #searchsubmit { right: -40px; } /* Mobile Styles ================================================== */ /* Note: Add new css to the media query below that you want to only effect the Mobile and Tablet Portrait view */ @media only screen and (min-width: 768px) and (max-width: 989px) { .widget_product_search #searchform #searchsubmit { right: -80px; } } @media only screen and (min-width: 320px) and (max-width: 500px) { .widget_product_search #searchform #searchsubmit { right: 10px; } }</code></pre> Regards, Ismael Jasmine Lovelstzy on "Can we move or expand the Search Bar?" http://www.kriesi.at/support/topic/search-bar-moved#post-117903 Wed, 12 Jun 2013 18:53:28 +0000 Jasmine Lovelstzy 117903@http://www.kriesi.at/support/ Brilliant Ismael, Thanks so much its perfectly responsive. There is one issue with the product search bar the orange square on the right separates completely to the right so it cuts the text in the 3rd column. Its suppose to be the same as the one above which is a regular search bar. Here is the screenshot <a href="http://demo.globalads24.com/wp-content/uploads/2013/06/Screen-shot-2013-06-12-at-8.45.42-PM.png" rel="nofollow">http://demo.globalads24.com/wp-content/uploads/2013/06/Screen-shot-2013-06-12-at-8.45.42-PM.png</a> And here is a live site: <a href="http://www.omglovetwins.com/test-3" rel="nofollow">http://www.omglovetwins.com/test-3</a> Is there something I can do to be at the right place like the above one. Thanks, jasmine Ismael on "Can we move or expand the Search Bar?" http://www.kriesi.at/support/topic/search-bar-moved#post-117581 Tue, 11 Jun 2013 11:21:34 +0000 Ismael 117581@http://www.kriesi.at/support/ Hi, I see you did use the code I gave you. You can make it responsive using this <pre><code>/* Mobile Styles ================================================== */ /* Note: Add new css to the media query below that you want to only effect the Mobile and Tablet Portrait view */ @media only screen and (min-width: 768px) and (max-width: 989px) { #top #s { width: 400px; } #top #searchsubmit, .ajax_load { right: -100px; } } @media only screen and (min-width: 320px) and (max-width: 500px) { #top #s { width: 250px; } #top #searchsubmit, .ajax_load { right: 10px; } }</code></pre> Regards, Ismael Jasmine Lovelstzy on "Can we move or expand the Search Bar?" http://www.kriesi.at/support/topic/search-bar-moved#post-117482 Mon, 10 Jun 2013 23:45:48 +0000 Jasmine Lovelstzy 117482@http://www.kriesi.at/support/ I was trying to figure out the search form from wp but not sure how to do it so I was playing a little with Blank Pages putting the search bar in the middle here is a link <a href="http://www.omglovetwins.com/test-3" rel="nofollow">http://www.omglovetwins.com/test-3</a> so something like this would be great if we can add to the middle of the header, but as Devin said its not responsive and I don't know how to make it responsive so if you know an easier way that doesn't take too much of your time let us know. PS. We can also insert search bar in advanced layout page but there is lots of space around and in between header and search and also as in above we would have to add it to every page plus its also not responsive here is a link <a href="http://www.omglovetwins.com/search-bar" rel="nofollow">http://www.omglovetwins.com/search-bar</a> Thanks, jasmine Nicolas Lovelstzy on "Can we move or expand the Search Bar?" http://www.kriesi.at/support/topic/search-bar-moved#post-117079 Fri, 07 Jun 2013 21:37:11 +0000 Nicolas Lovelstzy 117079@http://www.kriesi.at/support/ Thanks everyone for all your support. We've dealt with lots of shop WP themes before and we've had such a good experience with Enfold that this will be our 4th license. Really glad you added WooCommerce functionality. Thanks again -Nicolas Ismael on "Can we move or expand the Search Bar?" http://www.kriesi.at/support/topic/search-bar-moved#post-117043 Fri, 07 Jun 2013 17:58:13 +0000 Ismael 117043@http://www.kriesi.at/support/ Hi, My bad. I thought I fixed it. I'll tag Kriesi. I can't make the tooltip appear on page load. Regards, Ismael Nicolas Lovelstzy on "Can we move or expand the Search Bar?" http://www.kriesi.at/support/topic/search-bar-moved#post-116798 Thu, 06 Jun 2013 22:41:45 +0000 Nicolas Lovelstzy 116798@http://www.kriesi.at/support/ Thanks Devin for the link, we'll try to look into it deeply. We found a custom search bar from Google <a href="http://www.google.com/cse/" rel="nofollow">http://www.google.com/cse/</a> and were wondering if it's compatible with Enfold or if you're at all familiar with it. Thanks -Nicolas Devin on "Can we move or expand the Search Bar?" http://www.kriesi.at/support/topic/search-bar-moved#post-116404 Wed, 05 Jun 2013 14:05:02 +0000 Devin 116404@http://www.kriesi.at/support/ Hi Nicolas, I think your best option to get that kind of layout would be to modify the header.php file and insert a get_search_form inside a new div. Either way it will require a good bit of css customization to keep everything responsive and the layout intact. See: <a href="http://codex.wordpress.org/Function_Reference/get_search_form" rel="nofollow">http://codex.wordpress.org/Function_Reference/get_search_form</a> Regards, Devin Nicolas Lovelstzy on "Can we move or expand the Search Bar?" http://www.kriesi.at/support/topic/search-bar-moved#post-115731 Sun, 02 Jun 2013 18:01:36 +0000 Nicolas Lovelstzy 115731@http://www.kriesi.at/support/ Ismael I do apologize, We did not check every possibility before I posted a comment, we just noticed there were no changes on the first glance and now we tried again and clicked on the little search logo and it expanded. Now question is there a possibility to make that search bar permanently open in stead of the main menu, meaning it would be always open so people can search right away. Here is a screenshot so if it can be like the one on the right <a href="http://demo.globalads24.com/wp-content/uploads/2013/06/Screen-shot-2013-06-02-at-7.28.48-PM-1.jpg" rel="nofollow">http://demo.globalads24.com/wp-content/uploads/2013/06/Screen-shot-2013-06-02-at-7.28.48-PM-1.jpg</a> Thanks, Nicolas Jasmine Lovelstzy on "Can we move or expand the Search Bar?" http://www.kriesi.at/support/topic/search-bar-moved#post-115730 Sun, 02 Jun 2013 17:57:43 +0000 Jasmine Lovelstzy 115730@http://www.kriesi.at/support/ ~ Nicolas Lovelstzy on "Can we move or expand the Search Bar?" http://www.kriesi.at/support/topic/search-bar-moved#post-115701 Sun, 02 Jun 2013 13:41:25 +0000 Nicolas Lovelstzy 115701@http://www.kriesi.at/support/ Hi Ismael, We added this "as is" to quick css and nothing has changed. Do we need to do anything else? Here is a live demo site <a href="http://omglovetwins.com" rel="nofollow">http://omglovetwins.com</a> If you think there is a problem at the backend and you can possibly help we can give you a username and password. Thanks, Nicolas Ismael on "Can we move or expand the Search Bar?" http://www.kriesi.at/support/topic/search-bar-moved#post-115468 Sat, 01 Jun 2013 04:19:28 +0000 Ismael 115468@http://www.kriesi.at/support/ Hi, This will get you started, just add this on your custom.css or Quick CSS. <pre><code>.avia-search-tooltip.avia-tt { display: block !important; opacity: 1 !important; top: 0 !important; box-shadow: none; border: none; width: 700px; left: -500px !important; } #top #searchsubmit, .ajax_load { right: -300px; } #top #s { width: 600px; padding: 11px 47px 11px 5px; z-index: 1; margin: 0; box-shadow: none; max-width: 700px; }</code></pre> Regards, Ismael Jasmine Lovelstzy on "Can we move or expand the Search Bar?" http://www.kriesi.at/support/topic/search-bar-moved#post-115421 Fri, 31 May 2013 20:50:21 +0000 Jasmine Lovelstzy 115421@http://www.kriesi.at/support/ I just thought if maybe something like this would be easier <a href="http://demo.globalads24.com/wp-content/uploads/2013/05/Screen-shot-2013-05-31-at-10.45.10-PM-1.jpg" rel="nofollow">http://demo.globalads24.com/wp-content/uploads/2013/05/Screen-shot-2013-05-31-at-10.45.10-PM-1.jpg</a> since it would be on the same line where the current search bar is. This would also work for us if at all possible. Thanks, jasmine Nicolas Lovelstzy on "Can we move or expand the Search Bar?" http://www.kriesi.at/support/topic/search-bar-moved#post-115369 Fri, 31 May 2013 17:03:18 +0000 Nicolas Lovelstzy 115369@http://www.kriesi.at/support/ Hi Team, we're looking into purchasing another Enfold theme license for another website we're creating. We're looking to make something that has a large search bar to easily find products on the website. As we really love enfold and it's already very versatile to make whatever we'd like with it, the only obstacle we've encountered is to move the search bar somewhere just below the header, and to expand it to be long similar to search websites like, google, yahoo, amazon etc. Do you have a code I can insert to move the search bar below the logo instead of being part of the main menu and extend the search to be longer something like this: <a href="http://demo.globalads24.com/wp-content/uploads/2013/05/Screen-shot-2013-05-31-at-7.34.05-PM-option-1.jpg" rel="nofollow">http://demo.globalads24.com/wp-content/uploads/2013/05/Screen-shot-2013-05-31-at-7.34.05-PM-option-1.jpg</a> or similar. Thanks -Nicolas Devin on "Restore WooCommerce Sidebar and Replace Shop Header with Search/Media Bar" http://www.kriesi.at/support/topic/restore-woocommerce-sidebar-and-replace-shop-header-with-searchmedia-bar#post-100039 Thu, 07 Mar 2013 15:18:25 +0000 Devin 100039@http://www.kriesi.at/support/ Hi PearlsIntl, The default layout for the shop page is with a sidebar: <a href="http://www.kriesi.at/themes/propulsion/shop/" rel="nofollow">http://www.kriesi.at/themes/propulsion/shop/</a> So I'm not quite sure what change you made to remove it. Regards, Devin PearlsIntl on "Restore WooCommerce Sidebar and Replace Shop Header with Search/Media Bar" http://www.kriesi.at/support/topic/restore-woocommerce-sidebar-and-replace-shop-header-with-searchmedia-bar#post-99927 Wed, 06 Mar 2013 23:57:48 +0000 PearlsIntl 99927@http://www.kriesi.at/support/ I am having a hard time determining how to make a specific sidebar show up on my shop and category pages. Currently, the pages are displaying at full width, but I'd love to have the layered navigation widget showing on the left. Can somebody give me some pointers? Also, I would like to replace the standard title/sorting bar at the top of these pages with the search and media sharing header (from the template builder) that I use throughout the rest of the site. How do I go about doing this? <a href="http://www.pearlsinternational.com/shop" rel="nofollow">http://www.pearlsinternational.com/shop</a> Kriesi on "Replace Abundance Header Search Bar and Social Icons with an image" http://www.kriesi.at/support/topic/replace-abundance-header-search-bar-and-social-icons-with-an-image#post-95258 Tue, 05 Feb 2013 14:11:15 +0000 Kriesi 95258@http://www.kriesi.at/support/ Hey! Great, glad we could help! if you have any more questions feel free to open up a new thread ;) Regards, Kriesi superfoods on "Replace Abundance Header Search Bar and Social Icons with an image" http://www.kriesi.at/support/topic/replace-abundance-header-search-bar-and-social-icons-with-an-image#post-95248 Tue, 05 Feb 2013 13:25:44 +0000 superfoods 95248@http://www.kriesi.at/support/ Thanks Devin, works fine! Devin on "Replace Abundance Header Search Bar and Social Icons with an image" http://www.kriesi.at/support/topic/replace-abundance-header-search-bar-and-social-icons-with-an-image#post-95080 Mon, 04 Feb 2013 18:00:59 +0000 Devin 95080@http://www.kriesi.at/support/ Hi Anita, You can force the opacity for that single class with: <pre><code>.keurmerk a { opacity: 1 !important; }</code></pre> The opacity is set on the entire social links ul so it has to be re-set with the individual link class. There should be no reason you have to put your items in the minimal skin css file. The custom.css file is loaded after all others so so it should take priority. Just make sure you are giving the page a few hard refreshes and if you have any caching plugins, re-fresh their cash as well. Regards, Devin superfoods on "Replace Abundance Header Search Bar and Social Icons with an image" http://www.kriesi.at/support/topic/replace-abundance-header-search-bar-and-social-icons-with-an-image#post-94971 Mon, 04 Feb 2013 11:52:44 +0000 superfoods 94971@http://www.kriesi.at/support/ Thanks Ismael, it works. Only everything that i put in custom css or quick css won't work. I have to write it down in minimal-skin... The image webshop keurmerk must not be transparent: wat is wrong with this code: .social_bookmarks .keurmerk a{background: url(../images/skin-minimal/webshop_keurmerk.png) 0 0 no-repeat;} The tranparent code is gone compared to the other social icons, but it is still tranparent... Thanks for your time! Kind regards, Anita Ismael on "Replace Abundance Header Search Bar and Social Icons with an image" http://www.kriesi.at/support/topic/replace-abundance-header-search-bar-and-social-icons-with-an-image#post-94603 Sat, 02 Feb 2013 01:31:04 +0000 Ismael 94603@http://www.kriesi.at/support/ Hi superfoods, @superfoods: You can add this on your custom.css <pre><code>.keurmerk a { width: 150px; height: 60px; } .keurmerk { position: absolute; left: -135px; top: 0; }</code></pre> I'm not sure if you can fit it below the searchbar. Try to experiment on the left and top position. Regards, Ismael superfoods on "Replace Abundance Header Search Bar and Social Icons with an image" http://www.kriesi.at/support/topic/replace-abundance-header-search-bar-and-social-icons-with-an-image#post-94518 Fri, 01 Feb 2013 14:58:46 +0000 superfoods 94518@http://www.kriesi.at/support/ Hi, I have the same problem. I would like to put the image: webshop keurmerk next to the rss feed. I tried everything, but the image will constantly go beneath the logo or search form. You can see it here: <a href="http://www.superfoodkitchen.nl" rel="nofollow">http://www.superfoodkitchen.nl</a> Thank you for your time! Kind regards, Anita schaferu on "Replace Abundance Header Search Bar and Social Icons with an image" http://www.kriesi.at/support/topic/replace-abundance-header-search-bar-and-social-icons-with-an-image#post-94457 Fri, 01 Feb 2013 07:16:15 +0000 schaferu 94457@http://www.kriesi.at/support/ thanks Devin, how do i get my URL to you in private please? Devin on "Replace Abundance Header Search Bar and Social Icons with an image" http://www.kriesi.at/support/topic/replace-abundance-header-search-bar-and-social-icons-with-an-image#post-94327 Thu, 31 Jan 2013 15:04:17 +0000 Devin 94327@http://www.kriesi.at/support/ Hi schaferu, We would need to see the site live to inspect what you have now for #1. For #2, your link needs to be formatted like this: <code><a href="http://yourlink.com"><img style="float:right;" src="my-image.jpg" alt="" title="" /></a></code> See: <a href="http://www.w3schools.com/tags/att_a_href.asp" rel="nofollow">http://www.w3schools.com/tags/att_a_href.asp</a> Regards, Devin schaferu on "Replace Abundance Header Search Bar and Social Icons with an image" http://www.kriesi.at/support/topic/replace-abundance-header-search-bar-and-social-icons-with-an-image#post-94165 Wed, 30 Jan 2013 15:36:36 +0000 schaferu 94165@http://www.kriesi.at/support/ Thanks for that.. Image shows now. Couple more questions please: 1. It increased the header size to over 300 (image height is 180) and slipped basically to a line below the left logo (still on right side though) 2. How can I make it linkable.. I added href...to the above code, but it doesn't link thanks Dude on "Replace Abundance Header Search Bar and Social Icons with an image" http://www.kriesi.at/support/topic/replace-abundance-header-search-bar-and-social-icons-with-an-image#post-94098 Wed, 30 Jan 2013 06:48:52 +0000 Dude 94098@http://www.kriesi.at/support/ In header.php replace following code: <pre><code>get_search_form(); ?> <ul class="social_bookmarks"> <?php do_action('avia_add_social_icon','header'); ?> <li class='rss'><a href="<?php bloginfo('rss2_url'); ?>">RSS</a></li> <?php if($twitter = avia_get_option('twitter')) echo "<li class='twitter'><a href='http://twitter.com/".$twitter."'>Twitter</a></li>"; if($facebook = avia_get_option('facebook')) echo "<li class='facebook'><a href='".$facebook."'>Twitter</a></li>"; ?> </ul> </code></pre> with: <pre><code>?> <img style="float:right;" src="my-image.jpg" alt="" title="" /></code></pre> Obviously you need to insert the image url, the alt and title tag data. Maybe some style adjustments are required but this depends on the image size, etc. schaferu on "Replace Abundance Header Search Bar and Social Icons with an image" http://www.kriesi.at/support/topic/replace-abundance-header-search-bar-and-social-icons-with-an-image#post-94086 Wed, 30 Jan 2013 04:34:53 +0000 schaferu 94086@http://www.kriesi.at/support/ morning team I read some other posts on editing "header.php" but my efforts did not work. where exactly do I have to place this code to replace both the search field and the social icons please? echo "<div class='header_meta'>"; <a href="http://image_link_to_page_name_here"><img alt="IMAGE NAME" src="http://image_location-here.jpg" /></a> echo "</div>"; Here is my header.php file section: /* * display the theme search form * the tempalte file that is called is searchform.php in case you want to edit it */ get_search_form(); ?> <ul class="social_bookmarks"> <?php do_action('avia_add_social_icon','header'); ?> <li class='rss'><a>">RSS</a> <?php if($twitter = avia_get_option('twitter')) echo "<li class='twitter'><a href='http://twitter.com/".$twitter."'>Twitter</a>"; if($facebook = avia_get_option('facebook')) echo "<li class='facebook'><a href='".$facebook."'>Twitter</a>"; ?>  thanks people U