[Skip to main content](#vessel-content) # Filter Search Box Customisation ## - **[adeycorp](/forum/user/5738-adeycorp "View adeycorp's Profile")** - [![adeycorp's Avatar](https://www.hikashop.com/media/kunena/avatars/resized/size144/users/avatar_2013-06-03.jpg)](/forum/user/5738-adeycorp "View adeycorp's Profile") Topic Author - [ Offline](/forum/user/5738-adeycorp) Less More - Posts: 16 - Thank you received: 1 - - - - [](http://www.adeycorp.co.uk) - 13 years 6 months ago [\#97840](#97840) by [adeycorp](/forum/user/5738-adeycorp "View adeycorp's Profile") *[Filter Search Box Customisation](/forum/4-how-to/80047-filter-search-box-customisation#97840 "Morning All I have been searching this forum and find most of the answers I have needed so far. But there is one question I just cant work out, more to do with my lack of CSS skills. I would like to steam line the filter search box to fit into the menu bar at the top and macht the size of the buttons in the menu bar. Can anyone help me? Thanks in advance.")* was created by *[adeycorp](/forum/user/5738-adeycorp "View adeycorp's Profile")* Morning All I have been searching this forum and find most of the answers I have needed so far. But there is one question I just cant work out, more to do with my lack of CSS skills. I would like to steam line the filter search box to fit into the menu bar at the top and macht the size of the buttons in the menu bar. Can anyone help me? Thanks in advance. - [ ![hikashopfilterbox.PNG](/forum/attachment/9502) ](/forum/attachment/9502 "...pfilterbox.PNG") [ ](/forum/attachment/9502?download=1 "...pfilterbox.PNG") Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzQtaG93LXRvLzgwMDQ3LWZpbHRlci1zZWFyY2gtYm94LWN1c3RvbWlzYXRpb24/dG1wbD1tYXJrZG93bg==) or [Create an account](/register) to join the conversation. - **[Xavier](/forum/user/4105-xavier "View Xavier's Profile")** - [![Xavier's Avatar](https://www.hikashop.com/media/kunena/avatars/resized/size144/users/avatar4105.png)](/forum/user/4105-xavier "View Xavier's Profile") - [ Offline](/forum/user/4105-xavier) Less More - Posts: 13201 - Thank you received: 2322 - - - - [](http://www.kidiweb.fr) - 13 years 6 months ago [\#97881](#97881) by [Xavier](/forum/user/4105-xavier "View Xavier's Profile") Replied by *[Xavier](/forum/user/4105-xavier "View Xavier's Profile")* on topic *[Filter Search Box Customisation](/forum/4-how-to/80047-filter-search-box-customisation#97881 "Morning All I have been searching this forum and find most of the answers I have needed so far. But there is one question I just cant work out, more to do with my lack of CSS skills. I would like to steam line the filter search box to fit into the menu bar at the top and macht the size of the buttons in the menu bar. Can anyone help me? Thanks in advance.")* Hi, With a link it would be easiest. I think that you have to change the position of the class "hikashop_filter_main_div". Like ".hikashop_filter_main_div{ position: relative; top: -20px;}" Here is some documentation for css issues: [ www.hikashop.com/fr/support/documentatio...ize-the-display.html](http://www.hikashop.com/fr/support/documentation/153-customize-the-display.html) Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzQtaG93LXRvLzgwMDQ3LWZpbHRlci1zZWFyY2gtYm94LWN1c3RvbWlzYXRpb24/dG1wbD1tYXJrZG93bg==) or [Create an account](/register) to join the conversation. - **[adeycorp](/forum/user/5738-adeycorp "View adeycorp's Profile")** - [![adeycorp's Avatar](https://www.hikashop.com/media/kunena/avatars/resized/size144/users/avatar_2013-06-03.jpg)](/forum/user/5738-adeycorp "View adeycorp's Profile") Topic Author - [ Offline](/forum/user/5738-adeycorp) Less More - Posts: 16 - Thank you received: 1 - - - - [](http://www.adeycorp.co.uk) - 13 years 5 months ago [\#107086](#107086) by [adeycorp](/forum/user/5738-adeycorp "View adeycorp's Profile") Replied by *[adeycorp](/forum/user/5738-adeycorp "View adeycorp's Profile")* on topic *[Filter Search Box Customisation](/forum/4-how-to/80047-filter-search-box-customisation#107086 "Morning All I have been searching this forum and find most of the answers I have needed so far. But there is one question I just cant work out, more to do with my lack of CSS skills. I would like to steam line the filter search box to fit into the menu bar at the top and macht the size of the buttons in the menu bar. Can anyone help me? Thanks in advance.")* Thank you for your reply. I am still not sure what you mean, as my CSS skills are limited. Currently the site is offline but if you PM me I will give you access to view it. Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzQtaG93LXRvLzgwMDQ3LWZpbHRlci1zZWFyY2gtYm94LWN1c3RvbWlzYXRpb24/dG1wbD1tYXJrZG93bg==) or [Create an account](/register) to join the conversation. - **[Eliot](/forum/user/1824-eliot "View Eliot's Profile")** - [![Eliot's Avatar](https://www.hikashop.com/media/kunena/avatars/resized/size144/users/avatar1824.png)](/forum/user/1824-eliot "View Eliot's Profile") - [ Offline](/forum/user/1824-eliot) Less More - Posts: 2334 - Thank you received: 403 - - 13 years 5 months ago [\#107112](#107112) by [Eliot](/forum/user/1824-eliot "View Eliot's Profile") Replied by *[Eliot](/forum/user/1824-eliot "View Eliot's Profile")* on topic *[Filter Search Box Customisation](/forum/4-how-to/80047-filter-search-box-customisation#107112 "Morning All I have been searching this forum and find most of the answers I have needed so far. But there is one question I just cant work out, more to do with my lack of CSS skills. I would like to steam line the filter search box to fit into the menu bar at the top and macht the size of the buttons in the menu bar. Can anyone help me? Thanks in advance.")* You can try to add this property with "!important", like: Code: .hikashop_filter_main_div{ position: relative; top: -20px !important;} In Configuration > CSS > frontend css file. This should work ![:)](/media/kunena/emoticons/3.png ":)") Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzQtaG93LXRvLzgwMDQ3LWZpbHRlci1zZWFyY2gtYm94LWN1c3RvbWlzYXRpb24/dG1wbD1tYXJrZG93bg==) or [Create an account](/register) to join the conversation. - **[adeycorp](/forum/user/5738-adeycorp "View adeycorp's Profile")** - [![adeycorp's Avatar](https://www.hikashop.com/media/kunena/avatars/resized/size144/users/avatar_2013-06-03.jpg)](/forum/user/5738-adeycorp "View adeycorp's Profile") Topic Author - [ Offline](/forum/user/5738-adeycorp) Less More - Posts: 16 - Thank you received: 1 - - - - [](http://www.adeycorp.co.uk) - 13 years 5 months ago [\#107409](#107409) by [adeycorp](/forum/user/5738-adeycorp "View adeycorp's Profile") Replied by *[adeycorp](/forum/user/5738-adeycorp "View adeycorp's Profile")* on topic *[Filter Search Box Customisation](/forum/4-how-to/80047-filter-search-box-customisation#107409 "Morning All I have been searching this forum and find most of the answers I have needed so far. But there is one question I just cant work out, more to do with my lack of CSS skills. I would like to steam line the filter search box to fit into the menu bar at the top and macht the size of the buttons in the menu bar. Can anyone help me? Thanks in advance.")* Thank you but that still didnt work ![:(](/media/kunena/emoticons/22.png ":(") Any more ideas? Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzQtaG93LXRvLzgwMDQ3LWZpbHRlci1zZWFyY2gtYm94LWN1c3RvbWlzYXRpb24/dG1wbD1tYXJrZG93bg==) or [Create an account](/register) to join the conversation. - **[Eliot](/forum/user/1824-eliot "View Eliot's Profile")** - [![Eliot's Avatar](https://www.hikashop.com/media/kunena/avatars/resized/size144/users/avatar1824.png)](/forum/user/1824-eliot "View Eliot's Profile") - [ Offline](/forum/user/1824-eliot) Less More - Posts: 2334 - Thank you received: 403 - - 13 years 5 months ago [\#107439](#107439) by [Eliot](/forum/user/1824-eliot "View Eliot's Profile") Replied by *[Eliot](/forum/user/1824-eliot "View Eliot's Profile")* on topic *[Filter Search Box Customisation](/forum/4-how-to/80047-filter-search-box-customisation#107439 "Morning All I have been searching this forum and find most of the answers I have needed so far. But there is one question I just cant work out, more to do with my lack of CSS skills. I would like to steam line the filter search box to fit into the menu bar at the top and macht the size of the buttons in the menu bar. Can anyone help me? Thanks in advance.")* Did something moved? You should do a right click on the search box and use the "inspect element" function of your browser. You will then be able to see the class or id of the element. Just use this class to do whatever you want. Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzQtaG93LXRvLzgwMDQ3LWZpbHRlci1zZWFyY2gtYm94LWN1c3RvbWlzYXRpb24/dG1wbD1tYXJrZG93bg==) or [Create an account](/register) to join the conversation. - **[adeycorp](/forum/user/5738-adeycorp "View adeycorp's Profile")** - [![adeycorp's Avatar](https://www.hikashop.com/media/kunena/avatars/resized/size144/users/avatar_2013-06-03.jpg)](/forum/user/5738-adeycorp "View adeycorp's Profile") Topic Author - [ Offline](/forum/user/5738-adeycorp) Less More - Posts: 16 - Thank you received: 1 - - - - [](http://www.adeycorp.co.uk) - 13 years 4 months ago [\#108446](#108446) by [adeycorp](/forum/user/5738-adeycorp "View adeycorp's Profile") Replied by *[adeycorp](/forum/user/5738-adeycorp "View adeycorp's Profile")* on topic *[Filter Search Box Customisation](/forum/4-how-to/80047-filter-search-box-customisation#108446 "Morning All I have been searching this forum and find most of the answers I have needed so far. But there is one question I just cant work out, more to do with my lack of CSS skills. I would like to steam line the filter search box to fit into the menu bar at the top and macht the size of the buttons in the menu bar. Can anyone help me? Thanks in advance.")* I will give that a go. Thank you. Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzQtaG93LXRvLzgwMDQ3LWZpbHRlci1zZWFyY2gtYm94LWN1c3RvbWlzYXRpb24/dG1wbD1tYXJrZG93bg==) or [Create an account](/register) to join the conversation. - **[adeycorp](/forum/user/5738-adeycorp "View adeycorp's Profile")** - [![adeycorp's Avatar](https://www.hikashop.com/media/kunena/avatars/resized/size144/users/avatar_2013-06-03.jpg)](/forum/user/5738-adeycorp "View adeycorp's Profile") Topic Author - [ Offline](/forum/user/5738-adeycorp) Less More - Posts: 16 - Thank you received: 1 - - - - [](http://www.adeycorp.co.uk) - 13 years 4 months ago - 13 years 4 months ago [\#109229](#109229) by [adeycorp](/forum/user/5738-adeycorp "View adeycorp's Profile") Replied by *[adeycorp](/forum/user/5738-adeycorp "View adeycorp's Profile")* on topic *[Filter Search Box Customisation](/forum/4-how-to/80047-filter-search-box-customisation#109229 "Morning All I have been searching this forum and find most of the answers I have needed so far. But there is one question I just cant work out, more to do with my lack of CSS skills. I would like to steam line the filter search box to fit into the menu bar at the top and macht the size of the buttons in the menu bar. Can anyone help me? Thanks in advance.")* I have found the class or id but don't where I cant edit it. See below. - [ ![SearchBarCSSIssue2.PNG](/forum/attachment/10655) ](/forum/attachment/10655 "...rCSSIssue2.PNG") [ ](/forum/attachment/10655?download=1 "...rCSSIssue2.PNG") Last edit: 13 years 4 months ago by [adeycorp](/forum/user/5738-adeycorp "View adeycorp's Profile"). Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzQtaG93LXRvLzgwMDQ3LWZpbHRlci1zZWFyY2gtYm94LWN1c3RvbWlzYXRpb24/dG1wbD1tYXJrZG93bg==) or [Create an account](/register) to join the conversation. - **[Eliot](/forum/user/1824-eliot "View Eliot's Profile")** - [![Eliot's Avatar](https://www.hikashop.com/media/kunena/avatars/resized/size144/users/avatar1824.png)](/forum/user/1824-eliot "View Eliot's Profile") - [ Offline](/forum/user/1824-eliot) Less More - Posts: 2334 - Thank you received: 403 - - 13 years 4 months ago [\#109253](#109253) by [Eliot](/forum/user/1824-eliot "View Eliot's Profile") Replied by *[Eliot](/forum/user/1824-eliot "View Eliot's Profile")* on topic *[Filter Search Box Customisation](/forum/4-how-to/80047-filter-search-box-customisation#109253 "Morning All I have been searching this forum and find most of the answers I have needed so far. But there is one question I just cant work out, more to do with my lack of CSS skills. I would like to steam line the filter search box to fit into the menu bar at the top and macht the size of the buttons in the menu bar. Can anyone help me? Thanks in advance.")* You have to add your css to the front end css file in System>Configuration>Display>CSS For example with your id: Code: \#hikashop_filter_button_module_102{ //whateveryouwant; } Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzQtaG93LXRvLzgwMDQ3LWZpbHRlci1zZWFyY2gtYm94LWN1c3RvbWlzYXRpb24/dG1wbD1tYXJrZG93bg==) or [Create an account](/register) to join the conversation. - **[adeycorp](/forum/user/5738-adeycorp "View adeycorp's Profile")** - [![adeycorp's Avatar](https://www.hikashop.com/media/kunena/avatars/resized/size144/users/avatar_2013-06-03.jpg)](/forum/user/5738-adeycorp "View adeycorp's Profile") Topic Author - [ Offline](/forum/user/5738-adeycorp) Less More - Posts: 16 - Thank you received: 1 - - - - [](http://www.adeycorp.co.uk) - 13 years 4 months ago [\#109254](#109254) by [adeycorp](/forum/user/5738-adeycorp "View adeycorp's Profile") Replied by *[adeycorp](/forum/user/5738-adeycorp "View adeycorp's Profile")* on topic *[Filter Search Box Customisation](/forum/4-how-to/80047-filter-search-box-customisation#109254 "Morning All I have been searching this forum and find most of the answers I have needed so far. But there is one question I just cant work out, more to do with my lack of CSS skills. I would like to steam line the filter search box to fit into the menu bar at the top and macht the size of the buttons in the menu bar. Can anyone help me? Thanks in advance.")* Thank you for that. I will give it a try. Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzQtaG93LXRvLzgwMDQ3LWZpbHRlci1zZWFyY2gtYm94LWN1c3RvbWlzYXRpb24/dG1wbD1tYXJrZG93bg==) or [Create an account](/register) to join the conversation. Board Categories HikaShop Install & Update Product & Category Display Content Creation Sales and Orders Orders management Reports & Statistics Customers Checkout Payment Methods Shipping Methods Import & Export (CSV, XLS…) Specific Features Affilation Taxes Wishlist Vote Carousel & Slider Mass Actions Filters & Search Discount & Coupon Feature Request Integrations Showcase General Talk about HikaShop Development HikaShop 3.0 Beta Translation Commercial Jobs HikaShop Components HikaMarket Market: Feature requests Market: How to? Market: Bug Report HikaSerial General talk about HikaSerial Serial: Bug Report Serial: How to? Support en Français de HikaSerial (French Support) HikaSubscription HikaAuction Auction: Feature requests Auction: How to? Auction: Bug report Hikashop around the world Support en Français (French Support) Russian FAQ. Курс выживания с Hikashop. Частые вопросы и о Расширения Hikashop Наши сайты на Hikashop 日本語版サポート(Japanese Support) Thai German Archives Bug Report How to? [](/forum/topics/feed/mode-topics?format=feed&type=rss) Time to create page: 0.140 seconds [Powered by](/forum/credits) [Kunena Forum](https://www.kunena.org)