Hi carlucci,
You can add the following CSS code to Tools > Custom CSS:

/*************Custom CSS For Megafilter component*****************/
.ja-filter-wrapper .filter-content {
    background: transparent;
}

.ja-filter-wrapper .filter-content .input-text {
    background: #5555;
    border: 0;
    padding: 10px;
    color: #999;
}

.ja-filter-wrapper .filter-content .block-subtitle {
    border-bottom-color: #333;
}

.products-toolbar .orderby-displaynumber {
    background: #222;
}

div.toolbar-bottom {
    border-top-color: #333;
}

.products-toolbar .toolbar-sorter .action {
    background: #333;
}

.chosen-container-single .chosen-single {
    background: transparent;
    box-shadow: none;
    height: 32px;
    border-color: #333;
    border-radius: 4px;
    line-height: 32px;
}

.products-toolbar .toolbar-sorter .action .fa {
    color: #999;
}

.products-toolbar .jamg-layout-chooser span.active {
    border-color: #333;
    color: #fed90f;
}

.products-toolbar .jamg-layout-chooser span {
    background: #222;
    border-color: #333;
}

.ja-products-wrapper .product-item .product-item-info {
    background: #222;
    border-color: #333;
}

.chosen-container-single .chosen-single div {
	top: 3px;
}

If you want to change, you can let me know the position and detail what you want to have. I will help you resolve it.

I have modified my css file with your code. The result is the same as before.

I don't understand your next sentence. Could you explain it in more detail, please?
let me know the position and detail what you want to have.

Wouldn't it be better to generate a special screen style just for megafilter?

    Hi carlucci,
    I've just added the CSS code to your site and now the Megafilter component is showing well on your site, you can check it.

    I don't understand your next sentence. Could you explain it in more detail, please?
    let me know the position and detail what you want to have.

    I meant that you can let me know if you want to change anything about the style (Color, font size, background), and I will help you to change it.

      dominic
      In dark mode it is showing well, in light mode it doesn't work at all.

        Write a Reply...
        You need to Login to view replies.