Site logo

Archived topic

Off canvas panel selected items

8 replies · Started by roadlink on April 22, 2021

Viewing posts 1–9 of 9

Hello,

I am trying to solve 2 issues in here

https://prnt.sc/11vbpx3

1. There is and X here but doesn't seem functional. It is working in sidebar.
2. Want to change background color of selected items.

I tried these but couldn't succeed.
Can you help?

thanks

.select2-selection__choice {
    background-color: #1e73be;
}
.select2-selection__choice__remove {
    background-color: #1e73be;
}
.select2, .select2-container, .select2-container--default, .select2-container--below, .select2-container--focus {
    background-color: #1e73be;
}

OK, I couldn't manage the change background color but changed the text color. Which is Ok.

.select2-selection__choice {
    color: #515151;
}

Can you help for below?
1. There is and X here but doesn’t seem functional. It is working in sidebar.

Hi there,

Where is this section located? How do I access it?

Let me know :)

Hi Ying,

When you narrow the browser's windows, mobile menu is opening.
I put the link

I see, try this CSS:

#generate-slideout-menu ul.select2-selection__rendered li.select2-selection__choice {
    display: flex;
}
span.select2-selection__choice__remove {
    z-index: 10;
}

Hi Ying,
Works perfect. Thank you.

Can I ask one more favor if you have time?
I want to change submit button's location to the right side.
https://prnt.sc/11w0lpf

Try this :)

button.woocommerce-widget-layered-nav-dropdown__submit {
    float: right;
}

Try this instead:

button.woocommerce-widget-layered-nav-dropdown__submit {
    width: 50%;
    margin-left: auto;
}
form.woocommerce-widget-layered-nav-dropdown {
    display: flex;
    flex-direction: column;
}
This archived topic is closed to new replies.