CSS :checked icon

  • Resolved iulianmaftei

    (@iulianmaftei)


    10 months, 2 weeks ago

    First of all thank you for this great plugin!

    I am styling a bit the filter in order to match the overall website design. Is there any chance to change the color of the ‘check’ icon? (e.g. checkbox orange and icon black)

    .wpc-filters-main-wrap li.wpc-term-item input[type=checkbox], .wpc-filters-main-wrap li.wpc-term-item input[type=radio]:checked {
accent-color: #E87824!important;	
}

    Many thanks!

Viewing 3 replies - 1 through 3 (of 3 total)
  • Plugin Support fesupportteam

    (@fesupportteam)

    Hi @iulianmaftei

    Yes, it is possible with custom CSS. But more likely it would be enough to change the primary color – https://prnt.sc/Hpzh42u7Zldu

    But if this is not changing you can use the browser inspect tool in order to find the needed elements like this:

    https://prnt.sc/n-zgUDc0dryD

    https://prnt.sc/qrH1JjkcpmAJ

    Use the custom CSS with the needed classes in the Filters -> Settings -> Experimental -> Custom CSS.

    Best Regards – Victor

    Thread Starter iulianmaftei

    (@iulianmaftei)

    Thanks Victor! Tried this but not able to overwrite the ‘contrast against?background’ rule. The check icon is auto black on light colour backgrounds and white on contrast colours. I’ll look forward to find a solution. Thanks again.

    Plugin Support fesupportteam

    (@fesupportteam)

    Hi @iulianmaftei

    Yeah,?unfortunately, we do not provide custom CSS styles?as?this is out of the scope of the support policy. We can only recommend finding the dev who can write the needed styles like you want them to see it, with all of the other changes as well.

    Best Regards – Victor

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘CSS :checked icon’ is closed to new replies.