Docs

[pixie]

Hi Team,

I got most of the css updated for Woocommerce/Woobookings but can not for the life of me get the 2 number fields on the page below to display inline. They work in firebug but the same code added to customize does not have the same results – totally stuck. A little help please.

Here is what I added so far

/* product title letter spacing */
.woocommerce div.product .summary .product_title {
margin: 0 0 0.25em;
font-size: 228%;
letter-spacing: -3px;
color:#39312D;
}

/* Price color */
.woocommerce .price > .amount, .woocommerce .price > ins > .amount, .woocommerce .star-rating::before, .woocommerce .star-rating span::before, .woocommerce li.product .entry-header h3 a:hover {
color: hsla(104, 65%, 24%, 0.4);
}
/* Add to cart color */
.single-product .product .single_add_to_cart_button.button{
background-color: #333333;
color: #FFFFFF;
}

.woocommerce .product .add_to_cart_button.button{
background-color: #333333;
color: #FFFFFF;
}

/* partial booked triangle color*/
.wc-bookings-date-picker .ui-datepicker td.partial_booked a:before{
border-top: 2.5em solid #fff;
}

/* width of guest number fields*/
.wc-bookings-booking-form .form-field input[type=”number”] {
width: 15%;
}

[pixie]

This reply has been marked as private.

[Rupok]

Hi there,

Thanks for writing in! Let’s add this code :

.wc-bookings-booking-form > .form-field.form-field-wide {
  float: left;
  width: 50%;
}

.wc-bookings-booking-form .form-field input[type="number"] {
  width: 50px;
}

And remove this code :

/* width of guest number fields*/
.wc-bookings-booking-form .form-field input[type=”number”] {
width: 15%;
}

Hope this helps.

Cheers!

[Author]

Posts