Cant Change Dropdown Filter Background

  • Resolved rakacw

    (@rakacw)


    5 years, 2 months ago

    Hi, im starting a new website to create a shop with neve, elementor and woocomerce. im setting my background color and font color with black and white. but only the dropdown filter background that cant be change. im trying some suggestion in this forum with custom css like this :

    #nv-primary-navigation-main ul.sub-menu li {
    background: #000000 !important;
    border-color: #000000 !important;
    }
    #nv-primary-navigation-main ul.sub-menu {
    border-color: #000000 !important;
    }

    but still cant see any difference in my website. this is the issue i got https://prnt.sc/100alwm . thank you in advance!

Viewing 6 replies - 1 through 6 (of 6 total)
  • danamv

    (@danamv)

    5 years, 2 months ago

    Hello @rakacw,

    Please also provide a link to your site so we can check and better assist you on this issue.

    Thank you!

    Thread Starter rakacw

    (@rakacw)

    5 years, 2 months ago

    hi @danamv , thanks for replying. its on this page https://budakkorporat.id/product-category/tshirt/ , the dropdown for sorting the shirt.

    danamv

    (@danamv)

    5 years, 2 months ago

    Hello @rakacw,

    We do not usually provide custom coding, but we will consider it this time.
    In order to change the background color of that dropdown to black, please try adding the following code into Customizer -> Additional CSS:

    form:not([role="search"]):not(.woocommerce-cart-form):not(.woocommerce-ordering):not(.cart) input:read-write:not(#coupon_code), form textarea, form select, .woocommerce-page .select2 {
    background-color: #000 !important;
}

    Hope it helps!

    Thread Starter rakacw

    (@rakacw)

    5 years, 2 months ago

    @danamv It works!! thank you! may i know why that happen to my web? incase similiar things happen, so i know the root of the problem?

    danamv

    (@danamv)

    5 years, 2 months ago

    Hello @rakacw,

    It usually depends on the issue and your preferences of styling elements.

    The solution, in this case, is that you can use Inspect Element from your browser to see the classes for the element you want to be changed and add the code into Customizer -> Additional CSS.
    In most cases, using the “!important” property after applying a style overwrites the default one.

    Let us know you have any more questions.

    Thread Starter rakacw

    (@rakacw)

    5 years, 2 months ago

    I see, thank you so much for replying 🙂 @danamv you really help me!

Viewing 6 replies - 1 through 6 (of 6 total)

The topic ‘Cant Change Dropdown Filter Background’ is closed to new replies.