Is it possible to make the product selection boxes in the Smart Grouped Products bigger and perhaps style the border that surrounds them? Currently they seem really small and hard to see. Our customers have a hard time seeing them at times.
Thank you Henry, I appreciate it… but what I was wanting to do is to make the square checkboxes bigger or have a thicker and darker border. The code you provided just puts a dotted line between each product.
Henry, you are awesome! That is exactly what I wanted to accomplish and you have done it. THANK YOU so very much. You guys have an amazing plugin and I hope thousands more find it and use it.
Uh Oh... when I add the CSS for the checkboxes, they become uncheckable. I found out when a customer called and said that they weren't able to select any of the items. I removed the CSS and the problem went away.
Tested the checkboxes again and my finding is that it DOES add the item, but there's not a check in the box to show that it was selected. I can see the total at the bottom changing, but the checkbox remains blank, where without the CSS, a check with a purple background appears.
OK, that seems to have done the trick Henry. I have tested on both PC and mobile and it looks much better and works this time. I'm not too concerned about the border color, mostly just want our customers to see the checkboxes better.
I really appreciate your help with this. Maybe down the road you guys can add some styling options that will bypass the theme.
Is it possible to make the product selection boxes in the Smart Grouped Products bigger and perhaps style the border that surrounds them? Currently they seem really small and hard to see. Our customers have a hard time seeing them at times.
Hi Rick,
Thank you for contacting WPClever Support Forum. We’ve received your question.
Would you like the border to be square or round? Please specify.
Also, we need more information in order to help you with the custom codes. Please provide us with a link to your published product for checking?
We need to check the frontend in order to provide the proper CSS code for your needs.
After receiving your information, I'll proceed to the next step.
Best regards.
Janilyn T. - WPClever Support Agent
Thank you Janilyn,
Our boxes are square now and you can see them here; https://ntunemusic.com/shop/select-school/mcanally-intermediate/aledo-mcanally-intermediate-alto-saxophone-rental-2/
It would be nice if the border was black or our site color of #0f4c81
Thank you
Hi Rick,
Thank you for the information.
I have assigned one of our developers to help you with that. He’ll be looking into your issue and responding with instructions asap.
Please stay patient as we're having very heavy workloads, it might take some time for our developers to reach back.
Best regards.
Janilyn T. - WPClever Support Agent
Hi Rick Owens,
Please add below CSS code to WP-Admin → Appearance → Customize → Additional CSS:
/* Wpclever team support ticket-3107777 */ .woosg-wrap .woosg-products { border-color: #0f4c81; border-width: 2px 0 0 0; } .woosg-wrap .woosg-products .woosg-product { border-bottom: 2px dotted #0f4c81; /* Or replace by #000000 */ }Note: https://www.screencast.com/t/YpnngNoo9Es
Best regards,
Henry N.
Thank you Henry, I appreciate it… but what I was wanting to do is to make the square checkboxes bigger or have a thicker and darker border. The code you provided just puts a dotted line between each product.
Is what I’m requesting doable?
Hi,
Please add below CSS code to WP-Admin → Appearance → Customize → Additional CSS:
/* Wpclever team support ticket-3107777 */ .woosg-wrap .woosg-product input[type="checkbox"] { width: 18px; height: 18px; border: 1px solid #0f4c81; border-radius: 3px; -moz-appearance:none; -webkit-appearance:none; -o-appearance:none; }Best regards,
Henry N.
Henry, you are awesome! That is exactly what I wanted to accomplish and you have done it. THANK YOU so very much. You guys have an amazing plugin and I hope thousands more find it and use it.
Thank you again,
Rick
Uh Oh... when I add the CSS for the checkboxes, they become uncheckable. I found out when a customer called and said that they weren't able to select any of the items. I removed the CSS and the problem went away.
Sorry
Rick
As a side note, I am using the Kadence Pro theme, if that helps.
Tested the checkboxes again and my finding is that it DOES add the item, but there's not a check in the box to show that it was selected. I can see the total at the bottom changing, but the checkbox remains blank, where without the CSS, a check with a purple background appears.
Hi Rick Owens,
Please add below CSS code to WP-Admin → Appearance → Customize → Additional CSS:
/* Wpclever team support ticket-3107777 */ .woosg-wrap .woosg-product input[type="checkbox"] { width: 18px; height: 18px; }Currently, we can only change the size of the checkbox, not the color of the border.
Best regards,
Henry N.
OK, that seems to have done the trick Henry. I have tested on both PC and mobile and it looks much better and works this time. I'm not too concerned about the border color, mostly just want our customers to see the checkboxes better.
I really appreciate your help with this. Maybe down the road you guys can add some styling options that will bypass the theme.
I really thank you.
Rick
When you are in need of help, please submit a new ticket to let us know at our Support Forum at any time. We are always at your service.
Best regards,
Henry N.