- Posts: 13
- Thank you received: 0
CSS filter
12 years 11 months ago - 12 years 11 months ago #130654
by gamopo
CSS filter was created by gamopo
-- 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)
-- 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)
Last edit: 12 years 11 months ago by gamopo. Reason: Add file
Please Log in or Create an account to join the conversation.
12 years 11 months ago #130682
by nicolas
Replied by nicolas on topic CSS filter
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; }
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.
12 years 9 months ago - 12 years 9 months ago #140258
by lionel75
Replied by lionel75 on topic CSS filter
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
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: 12 years 9 months ago by lionel75.
Please Log in or Create an account to join the conversation.
Time to create page: 0.121 seconds