Skip to main content

Filter Search Box Customisation

13 years 6 months ago #97840 by adeycorp
Filter Search Box Customisation was created by adeycorp
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.

Please Log in or Create an account to join the conversation.

13 years 6 months ago #97881 by Xavier
Replied by Xavier on topic Filter Search Box Customisation
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

Please Log in or Create an account to join the conversation.

13 years 5 months ago #107086 by adeycorp
Replied by adeycorp on topic Filter Search Box Customisation
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 or Create an account to join the conversation.

13 years 5 months ago #107112 by Eliot
Replied by Eliot on topic Filter Search Box Customisation
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 :)

Please Log in or Create an account to join the conversation.

13 years 5 months ago #107409 by adeycorp
Replied by adeycorp on topic Filter Search Box Customisation
Thank you but that still didnt work :( Any more ideas?

Please Log in or Create an account to join the conversation.

13 years 5 months ago #107439 by Eliot
Replied by Eliot on topic Filter Search Box Customisation
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 or Create an account to join the conversation.

13 years 4 months ago #108446 by adeycorp
Replied by adeycorp on topic Filter Search Box Customisation
I will give that a go.

Thank you.

Please Log in or Create an account to join the conversation.

13 years 4 months ago - 13 years 4 months ago #109229 by adeycorp
Replied by adeycorp on topic Filter Search Box Customisation
I have found the class or id but don't where I cant edit it. See below.
Last edit: 13 years 4 months ago by adeycorp.

Please Log in or Create an account to join the conversation.

13 years 4 months ago #109253 by Eliot
Replied by Eliot on topic Filter Search Box Customisation
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 or Create an account to join the conversation.

13 years 4 months ago #109254 by adeycorp
Replied by adeycorp on topic Filter Search Box Customisation
Thank you for that. I will give it a try.

Please Log in or Create an account to join the conversation.

Time to create page: 0.106 seconds
Powered by Kunena Forum