CSS filter

  • Posts: 13
  • Thank you received: 0
11 years 3 weeks ago #130654

-- HikaShop Business-- : 2.2.2 - (Hikamarket)
-- Joomla version -- : 2.5
-- Browser(s) name and version -- : Firefox 24.0

CSS filter

I'm trying of locate the filter buttom on right search box, I utilize the section CSS on firebug, I changed the value properties .button>"margin" of 10 to -140px but it's moving add card button too, What must I do for isolate these movements?, I think this is the method or ¿exist other method?

(See attachment)



Attachments:
Last edit: 11 years 3 weeks ago by gamopo. Reason: Add file

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

  • Posts: 82863
  • Thank you received: 13372
  • MODERATOR
11 years 3 weeks ago #130682

You're modifying the "button" CSS class which is used for all the buttons on the website.
Instead, you should add the CSS id of the button in your CSS file like that:

#hikashop_filter_button_module_344{ margin: -140px 7px 0 0 !important; }

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

  • Posts: 846
  • Thank you received: 92
10 years 10 months ago #140258

Hi
to avoid use !important ; you can

1- enhance the specificity of your button
selector for select item define a path that must be specific to not select the two type of button at the same time !

2- create a new class for filter button .
this case work if HKS implementation don't call the same button ( function that define/call the button )

3- class name contain/use id value ( id in joomla sense : all type object , instance of this object type have /is associate with a unique number ) .You have to inspect the code to see if some specific css class/id name occur


regard's

Last edit: 10 years 10 months ago by lionel75.

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

Time to create page: 0.074 seconds
Powered by Kunena Forum