[Skip to main content](#vessel-content)

#   CSS filter

##

- **[gamopo](/forum/user/17412-gamopo "View gamopo's Profile")**
- [![gamopo's Avatar](https://www.hikashop.com/media/kunena/core/svg/person.svg)](/forum/user/17412-gamopo "View gamopo's Profile") Topic Author
- [ Offline](/forum/user/17412-gamopo)

Less More

- Posts: 13
- Thank you received: 0
-
-

12 years 11 months ago -  12 years 11 months ago [\#130654](#130654) by [gamopo](/forum/user/17412-gamopo "View gamopo's Profile")  *[CSS filter](/forum/45-filters-search/863318-css-filter#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&gt;&quot;margin&quot; 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)")* was created by *[gamopo](/forum/user/17412-gamopo "View gamopo's Profile")*

-- 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&gt;"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)
[ ![hf9c1464.jpg](/forum/attachment/13379) ](/forum/attachment/13379 "hf9c1464.jpg")

[ ![h30bb3c1.jpg](/forum/attachment/13380) ](/forum/attachment/13380 "h30bb3c1.jpg")

- [ ![hf9c1464.jpg](/forum/attachment/13379) ](/forum/attachment/13379 "hf9c1464.jpg") [ ](/forum/attachment/13379?download=1 "hf9c1464.jpg")
- [ ![h30bb3c1.jpg](/forum/attachment/13380) ](/forum/attachment/13380 "h30bb3c1.jpg") [ ](/forum/attachment/13380?download=1 "h30bb3c1.jpg")

Last edit: 12 years 11 months ago by [gamopo](/forum/user/17412-gamopo "View gamopo's Profile"). Reason: Add file

Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzQ1LWZpbHRlcnMtc2VhcmNoLzg2MzMxOC1jc3MtZmlsdGVyP3RtcGw9bWFya2Rvd24=) or [Create an account](/component/users/registration?Itemid=101) to join the conversation.

- **[nicolas](/forum/user/63-nicolas "View nicolas's Profile")**
- [![nicolas's Avatar](https://www.hikashop.com/media/kunena/avatars/resized/size144/users/avatar63.png)](/forum/user/63-nicolas "View nicolas's Profile")
- [ Away](/forum/user/63-nicolas)

Less More

- Posts: 86315
- Thank you received: 14274
-
-

12 years 11 months ago [\#130682](#130682) by [nicolas](/forum/user/63-nicolas "View nicolas's Profile")  Replied by *[nicolas](/forum/user/63-nicolas "View nicolas's Profile")* on topic *[CSS filter](/forum/45-filters-search/863318-css-filter#130682 "-- 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&gt;&quot;margin&quot; 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)")*

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](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzQ1LWZpbHRlcnMtc2VhcmNoLzg2MzMxOC1jc3MtZmlsdGVyP3RtcGw9bWFya2Rvd24=) or [Create an account](/component/users/registration?Itemid=101) to join the conversation.

- **[lionel75](/forum/user/11856-lionel75 "View lionel75's Profile")**
- [![lionel75's Avatar](https://www.hikashop.com/media/kunena/core/svg/person.svg)](/forum/user/11856-lionel75 "View lionel75's Profile")
- [ Offline](/forum/user/11856-lionel75)

Less More

- Posts: 846
- Thank you received: 92
-
-

12 years 9 months ago -  12 years 9 months ago [\#140258](#140258) by [lionel75](/forum/user/11856-lionel75 "View lionel75's Profile")  Replied by *[lionel75](/forum/user/11856-lionel75 "View lionel75's Profile")* on topic *[CSS filter](/forum/45-filters-search/863318-css-filter#140258 "-- 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&gt;&quot;margin&quot; 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)")*

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: 12 years 9 months ago by [lionel75](/forum/user/11856-lionel75 "View lionel75's Profile").

Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzQ1LWZpbHRlcnMtc2VhcmNoLzg2MzMxOC1jc3MtZmlsdGVyP3RtcGw9bWFya2Rvd24=) or [Create an account](/component/users/registration?Itemid=101) to join the conversation.

Board Categories HikaShop- Install &amp; Update- Product &amp; Category Display- Content Creation- Sales and Orders- - Orders management- - Reports &amp; Statistics- Customers- Checkout- Payment Methods- Shipping Methods- Import &amp; Export (CSV, XLS…)- Specific Features- - Affilation- - Taxes- - Wishlist- - Vote- - Carousel &amp; Slider- - Mass Actions- - Filters &amp; Search- - Discount &amp; Coupon- - Feature Request- Integrations- Showcase- General Talk about HikaShop- Development- - HikaShop 3.0 Beta- Translation- Commercial Jobs HikaShop Components- HikaMarket- - Market: Feature requests- - Market: How to?- - Market: Bug Report- HikaSerial- - General talk about HikaSerial- - Serial: Bug Report- - Serial: How to?- - Support en Français de HikaSerial (French Support)- - HikaSubscription- HikaAuction- - Auction: Feature requests- - Auction: How to?- - Auction: Bug report Hikashop around the world- Support en Français (French Support)- Russian- - FAQ. Курс выживания с Hikashop. Частые вопросы и о- - Расширения Hikashop- - Наши сайты на Hikashop- 日本語版サポート(Japanese Support)- Thai- German Archives- Bug Report- How to?

[](/forum/topics/feed/mode-topics?format=feed&type=rss)

Time to create page: 0.080 seconds

[Powered by](/forum/credits) [Kunena Forum](https://www.kunena.org)

[](#top)
