CSS to change Filter Colors and Fonts??

  • Resolved fuzzymonkey

    (@fuzzymonkey)


    2 years, 4 months ago

    Has anyone changed the filter text colors using CSS ( i guess that’s the only way)?? If so, would you mind sharing the CSS for those of us who are very literate in CSS?

Viewing 3 replies - 1 through 3 (of 3 total)
  • Plugin Author stepasyuk

    (@stepasyuk)

    2 years, 4 months ago

    Hello @fuzzymonkey

    You can change colors by yourself with this example:

    /* To change filter links color */
.wpc-filters-widget-main-wrapper li.wpc-term-item a, 
.widget-area .widget li.wpc-term-item a{
	color: #cc0000;
}
/* To change filter counts color */
.wpc-filters-widget-main-wrapper li.wpc-term-item .wpc-term-count,
.widget-area .widget li.wpc-term-item .wpc-term-count{
    color: #cc0000;
}
/* To change filter's title color */
.wpc-filters-widget-main-wrapper .wpc-filter-title{
    color: #cc0000;
}

    Add this CSS to the /wp-admin -> Filters -> Settings -> Experimental – Custom CSS and change all occurences #cc0000; with your desired color. You can find value of the color on services like this – https://htmlcolorcodes.com/

    Also you can specify desired color scheme in Filters -> Settings ->
    Widget Primary Color.

    I hope this will be helpful for you.

    belgins

    (@belgins)

    2 years, 1 month ago

    How can i change these colors https://prnt.sc/jQmqC2hPRk8e ?

    Plugin Author stepasyuk

    (@stepasyuk)

    2 years ago

    Slider color can be changed in Filters -> Settings -> Widget Primary Color.
    Color of the Edit link depends from your theme CSS.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘CSS to change Filter Colors and Fonts??’ is closed to new replies.