Archived topic
Off canvas panel selected items
8 replies · Started by roadlink on April 22, 2021
Hello,
I am trying to solve 2 issues in here
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;
}
Thanks for quick reply.
Unfortunately It goes 1 line below. https://prnt.sc/11w1r6z
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;
}