Filter module narrower

  • Posts: 20
  • Thank you received: 0
9 years 1 month ago #216388

-- HikaShop version -- : 2.6.0

I have spent 2 days not trying to make the filter module to show narrower.
I have tried everything, reading the docs and forum, purchased the style pack. every bit of css I can find.

I have been able to make everything narrower, except the filter selection boxes are wider than the container.

I have been trying to use the id of the specific selection box, but I cannot.. In firebug the ID looks like this
<select id="filter_Category_module_113[]" name="filter_Category[]"

Why are the brackets in the ID? [ ]

I think the brackets are preventing the css to target the select box.

I have tried this css

#filter_text_Item_Number {
	width: 160px;
    margin-bottom:10px;}	
	
#filter_Category_module_113[]{
	width: 100px;
    margin-bottom:10px;}

#slider_Price_module_113{
    margin-top: 30px !important;
    width: 100px !important;
  }

The text item and the price both are sized but the select is not.
I try removing the brackets from the css and it still does not work

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

  • Posts: 82867
  • Thank you received: 13373
  • MODERATOR
9 years 1 month ago #216409

Hi,

Please provide a link to the page where you're displaying the filters so that we can check the CSS that you have and provide a solution.

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

  • Posts: 20
  • Thank you received: 0
9 years 1 month ago #216491

darn secure site.
public board.

can you email me direct so i can give you a login.

email removed by a moderator


thanks

Last edit: 9 years 1 month ago by Jerome. Reason: removing email

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

  • Posts: 26158
  • Thank you received: 4028
  • MODERATOR
9 years 1 month ago #216492

Hi,

The easier is to send us a message using the "contact us" form (with a link to that forum thread).
www.hikashop.com/support/contact-us.html

Regards,


Jerome - Obsidev.com
HikaMarket & HikaSerial developer / HikaShop core dev team.

Also helping the HikaShop support team when having some time or couldn't sleep.
By the way, do not send me private message, use the "contact us" form instead.

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

  • Posts: 20
  • Thank you received: 0
9 years 1 month ago #216515

Great Idea

I just sent it.
thanks!

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

  • Posts: 82867
  • Thank you received: 13373
  • MODERATOR
9 years 1 month ago #216519

Hi,

We're not able to log on your website. Could you double check the user access you sent us ?

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

  • Posts: 20
  • Thank you received: 0
9 years 1 month ago #216548

please try again

I must of messed up the complicated 4 letter password, god knows how...
I reset it to what I sent you.
and tested it and it works now

thanks

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

  • Posts: 82867
  • Thank you received: 13373
  • MODERATOR
9 years 1 month ago #216573

Hi,

You can add such CSS:
.hikashop_filter_module select{
width: 100% !important;
}

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

  • Posts: 20
  • Thank you received: 0
9 years 1 month ago #216635

wow

I had tried width: 175px !important; before I asked for help.
That did not work

It did not occur to me to try using %

Thanks
Worked great!

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

Time to create page: 0.069 seconds
Powered by Kunena Forum