Design Search Filter

  • Posts: 108
  • Thank you received: 1
9 years 4 months ago #207540

-- HikaShop version -- : Business
-- Joomla version -- : 3.0

Hi,

I would like to design my text search filter in a module to be a relatively big search field.
Where do I find the specific CSS for this field without effecting the other text search field I have on the homepage in another module and has different text search id?

Thank you

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

  • Posts: 82867
  • Thank you received: 13373
  • MODERATOR
9 years 4 months ago #207548

Hi,

Here is the documentation we have which explains how to find the CSS to use and where to add it:
www.hikashop.com/support/support/documen...ize-the-display.html
In your case, you can add such CSS:
#filter_text_filter_12{
width: 100%;
}
for example to the frontend CSS of HikaShop.

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

  • Posts: 108
  • Thank you received: 1
9 years 4 months ago #207631

Thanks, it works perfect

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

  • Posts: 108
  • Thank you received: 1
9 years 4 months ago #207660

another question regarding the buttons: birki.me/%D7%A6%D7%95%D7%A8-%D7%A7%D7%A9%D7%A8
how can I make the button to be on the same line like the field?

I added top-margin to the CSS but it creates a lot of space, what would be a better way?

Last edit: 9 years 4 months ago by shoppist.

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

  • Posts: 82867
  • Thank you received: 13373
  • MODERATOR
9 years 4 months ago #207667

You can for example use that:
.hikashop_filter_main_filter_12{
min-height: 0px !important;
}
#hikashop_filter_button_module_518 {
margin-top: -95px !important;
}

Then you can also adjust the margin-top of the tm-content element of your template.

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

Time to create page: 0.059 seconds
Powered by Kunena Forum