search

YMC-22 / smart-filter

YMC Smart Filter, allows to solve a variety of tasks for displaying posts on site pages. For advanced developers, there is an opportunity to independently develop layouts for filters and post cards, which makes the plugin universal.
14 stars 6 forks source link

Dropdown filters #18

Closed robpl1 closed 6 months ago

robpl1 commented 6 months ago

My theme uses a blue background on the page with white text.

in YMC post Layouts > Enable Filters > Dropdown There are three selections in the Layouts area which are inconsistent in operation, filter

Text: affects only items in the menu_passive, not menu-active. if you want to change the text colour for Category (in attached image) you need to use .filter-entry .dropdown-filter .menu-active{ color: black; background: white;}

Background only affects the background for text, not the container. The background is always black and cannot be changed. According to the CSS inspector the element is at .ymc-smart-filter-container .filter-layout3 .dropdown-filter .menu-passive, Changing background to any colour in the inspector changes the background as expected but when that CSS selector is use used the background does not change.

Active text appears to have no effect on anything.

YMC-22 commented 6 months ago

You can use custom styles to override plugin styles. In the future, we will revise the functionality for defining colors in the admin panel of the plugin. Thank you for your interest in the plugin.

robpl1 commented 6 months ago

That's part of my problem. The styles, as identified by Google Inspector DON'T over-ride the the plugin styling. Google Inspector identifies the style for the dropdown menu container background as .ymc-smart-filter-container .filter-layout3 .dropdown-filter .menu-passive, If you set the background colour in the Inspector it changes as required. However, when you add it to the WordPress Additional CSS it doesn't. Can you tell me what the element selector name is or how I can assign it a class?

YMC-22 commented 6 months ago

Please send us a link to the page on your website where you do use our plugin

robpl1 commented 6 months ago

https://themusicrealm.com The dropdown in question is halfway down the page, Review Posts. Site is still in development

YMC-22 commented 6 months ago

You can set the following rule with high priority in your styles using the !important keyword, for example: .ymc-smart-filter-container .filter-layout3 .dropdown-filter .menu-passive { background: #ffffff !important; } After this, your dropdown list background will be white. We hope this helps you. Screenshot_1

robpl1 commented 6 months ago

Thank you, that’s worked fine.

From: YMC @.> Sent: 08 May 2024 13:03 To: YMC-22/smart-filter @.> Cc: robpl1 @.>; Author @.> Subject: Re: [YMC-22/smart-filter] Dropdown filters (Issue #18)

You can set the following rule with high priority in your styles using the !important keyword, for example: .ymc-smart-filter-container .filter-layout3 .dropdown-filter .menu-passive { background: #ffffff !important; } After this, your dropdown list background will be white. We hope this helps you. Screenshot_1.png (view on web) https://github.com/YMC-22/smart-filter/assets/110276757/23fcc408-a6ee-4296-9c2e-383b6553fd76

— Reply to this email directly, view it on GitHub https://github.com/YMC-22/smart-filter/issues/18#issuecomment-2100421093 , or unsubscribe https://github.com/notifications/unsubscribe-auth/AJQ2RUQF6N2E6F24ZDZV7MLZBIH5PAVCNFSM6AAAAABHMKAQ66VHI2DSMVQWIX3LMV43OSLTON2WKQ3PNVWWK3TUHMZDCMBQGQZDCMBZGM . You are receiving this because you authored the thread. https://github.com/notifications/beacon/AJQ2RUS54Q6EB2DAHW5VDZDZBIH5PA5CNFSM6AAAAABHMKAQ66WGG33NNVSW45C7OR4XAZNMJFZXG5LFINXW23LFNZ2KUY3PNVWWK3TUL5UWJTT5GHQ6K.gif Message ID: @. @.> >