Return to previous page

Font Color for "Filter Product by Attribute" dropdown widget

This topic has 4 replies, 2 voices, and was last updated 5 years, 5 months ago ago by Rose Tyler

  • Avatar: kdb
    kdb
    Participant
    November 14, 2018 at 22:11

    Thank you for the help with my last issue with Google Fonts.
    On this issue I have a Shop Sidebar Widget with Filter Product by Attribute dropdowns. See here: https://hdtruckengines.com/product-category/engines/

    I would like to change the font color. Here is my custom CSS:

    /* Darker font color to engine filter list */
.select2-container--default, .select2-selection--single, .select2-selection__placeholder {
    color: #252525;
}

    What classes would I use to modify this? Thanks again for your help on the last one.
    kevin

    #203912 Copied Theme version: 4.4 on a child theme WooCommerce version: 3.5.1
    3 Answers
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    November 15, 2018 at 09:45

    Hello,

    Please try to use this code:

    .sidebar .select2-container--default .select2-selection--single .select2-selection__placeholder {
    color: #252525;
}

    Regards

    #203940 Copied
    Avatar: kdb
    kdb
    Participant
    November 15, 2018 at 19:01

    Perfect! Thank you.

    #204000 Copied
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    November 16, 2018 at 08:06

    You’re welcome!

    Regards

    #204006 Copied
  • Viewing 4 results - 1 through 4 (of 4 total)

You must be logged in to reply to this topic.Log in/Sign up

Useful links WooCommerce & WordPress

Unleash your online potential

Explore our best WordPress WooCommerce Themes collection

lazy-placeholder
Niche Market 02 – Multivendor WP WooCommerce Theme
lazy-placeholder
Pet Shop – WordPress WooCommerce Theme
lazy-placeholder
Books Store – WordPress WooCommerce Theme
lazy-placeholder
Hotel – WordPress Theme
lazy-placeholder
Dokan Multivendor Marketplace – WordPress WooCommerce Theme
lazy-placeholder
Agricultural Store – WordPress WooCommerce Theme
lazy-placeholder
Typography – WordPress WooCommerce Theme
lazy-placeholder
Underwear – WooCommerce Theme
lazy-placeholder
Bike Store – WordPress WooCommerce Theme
lazy-placeholder
School – WordPress Theme

See All Templates

We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.