Improve checkbox appearance

  • Posts: 634
  • Thank you received: 16
9 years 7 months ago #199155

-- HikaShop version -- : 2.4.0
-- Joomla version -- : 3.4.1

Configuring a new filter module I have some trouble with the most filters appearance which I partially solved checking the forum but I can't find a solution for this:




The checkbox filter is ruled under this CSS I found in the forum
.hikashop_filter_checkbox label{
 display: inline !important;
 padding-right: 8px;
}

The problem is that after 1/24 the next elements should jump to next line otherwise the filter box gets widened outside the template limits.

How can I make the checkbox both inline and using more than one line if needed.

I tried inline-block , removed !important, and something else with no success.

Thank you.

Attachments:

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

  • Posts: 26158
  • Thank you received: 4028
  • MODERATOR
9 years 7 months ago #199200

Hi,

You're problem is not coming from the checkboxes which are just some content.
The problem is coming from the container and his growing size depending his content.

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: 634
  • Thank you received: 16
9 years 7 months ago #199244

I understand...

but,

to stop the content growing in horizontal size (due the checkbox filter), how can I make it multiple row so after a certain horizontal px size it flows to the next line?

I guess it should be possible that the row of checkboxes is limited by the container width. True?

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

  • Posts: 82866
  • Thank you received: 13373
  • MODERATOR
9 years 7 months ago #199246

Hi,

You want to add a float:left; on both the checkboxes and the labels and force the width of the area in order to reduce it. That way, they will be able to go on several lines.

The following user(s) said Thank You: PeterChain

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

  • Posts: 634
  • Thank you received: 16
9 years 7 months ago #199271

Ok, I'll try later in the day and ocnfirm. Thank you!

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

  • Posts: 634
  • Thank you received: 16
9 years 7 months ago #199423

Thank you. Your advise helped me to find the way to beautiful filter looking.

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

Time to create page: 0.069 seconds
Powered by Kunena Forum