Enfold and Woocommerce Booking

Hey koomo,

Thank you for the inquiry.

The quantity buttons in the “people selector” form are different from the button in the product page demo. Please note that the plugin has its own style for its own elements which might be quite different compare to the theme, so expect to add a few css adjustments and change a few templates when building a site using those plugins.

Looks like the plugin is using an svg image for the quantity icons in the “people selector” form, but we can still try to adjust it with css.

.yith-wcbk-people-selector__field__plus-wrap, .yith-wcbk-people-selector__field__minus-wrap {
display: inline-block;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%,-50%);
-ms-transform: translate(-50%,-50%);
transform: translate(-50%,-50%);
color: #008489;
font-size: 16px;
padding: 0;
vertical-align: middle;
line-height: 41px;
border: none;
width: 43px;
height: 43px;
cursor: pointer;
margin: 0;
display: inline;
border: 0;
border-radius: 0;
-webkit-appearance: none;
background-color: #F8F8F8;
border: 1px solid #E1E1E1;
color: #666;
background-image: url(../images/layout/bg-button.png);
background-repeat: repeat-x;
outline: none;
}

.yith-wcbk-people-selector__field__plus-wrap svg, .yith-wcbk-people-selector__field__minus-wrap svg {
top: 10px;
position: relative;
left: 50%;
transform: translateX(-50%);
}

Best regards,
Ismael