pedrohalo

yeah, I was able to resolve it and this plugin helped me identify the cause of conflict.

Nvm, I cannot add images. so I will have to post HTML.

So I was able to get the variation add to cart qty button to chase size based on the font size using the following code.

Variation

.woocommerce-variation-add-to-cart, .woocommerce-simple-add-to-cart {

font-family: sans-serif;
font-size: 1.72em;
/*
or whatever styles you want */
}

Here is how it gets displayed correctly on the page.

<div class=”woocommerce-variation-add-to-cart variations_button woocommerce-variation-add-to-cart-enabled”>

<div class=”quantity buttons_added”><input type=”button” value=”-” class=”minus”>
<label class=”screen-reader-text” for=”quantity_5d1235b3ecc5d”>Basic Brownie [75mg] quantity</label>
<input type=”number” id=”quantity_5d1235b3ecc5d” class=”input-text qty text” step=”12″ min=”12″ max=”” name=”quantity” value=”12″ title=”Qty” size=”4″ inputmode=”numeric”>
<input type=”button” value=”+” class=”plus”></div>

<button type=”submit” class=”single_add_to_cart_button button alt”>Add to cart</button>

<input type=”hidden” name=”add-to-cart” value=”9815″>
<input type=”hidden” name=”product_id” value=”9815″>
<input type=”hidden” name=”variation_id” class=”variation_id” value=”11845″>
</div>

I now need to do the same for the simple product/ cart page but can’t find a similarly structured CSS.

Single Product – simple

<form class=”cart form-group” action=”https://haloinfusions.com/product/sample-vanilla-caramels-qty-1515mg-2/&#8221; method=”post” enctype=”multipart/form-data”>

<div class=”quantity buttons_added”><input type=”button” value=”-” class=”minus”>
<label class=”screen-reader-text” for=”quantity_5d123929ec9e7″>Vanilla Caramels [15x15mg] quantity</label>
<input type=”number” id=”quantity_5d123929ec9e7″ class=”input-text qty text” step=”12″ min=”12″ max=”” name=”quantity” value=”12″ title=”Qty” size=”4″ inputmode=”numeric”>
<input type=”button” value=”+” class=”plus”></div>

<button type=”submit” name=”add-to-cart” value=”9916″ class=”single_add_to_cart_button button alt”>Add to cart</button>

</form>

Cart

<tr class=”woocommerce-cart-form__cart-item cart_item”>

<td class=”product-remove”>
× </td>

<td class=”product-thumbnail”>
</td>

<td class=”product-name” data-title=”Product”>
Basic Brownie [75mg]<dl class=”variation”>
<dt class=”variation-Dominance”>Dominance:</dt>
<dd class=”variation-Dominance”><p>Indica</p>
</dd>
</dl>
</td>

<td class=”product-price” data-title=”Price”>
<span class=”woocommerce-Price-amount amount”><span class=”woocommerce-Price-currencySymbol”>$</span> 4.50</span> </td>

<td class=”product-quantity” data-title=”Quantity”>
<div class=”quantity buttons_added”><input type=”button” value=”-” class=”minus”>
<label class=”screen-reader-text” for=”quantity_5d1238ef433fa”>Basic Brownie [75mg] quantity</label>
<input type=”number” id=”quantity_5d1238ef433fa” class=”input-text qty text” step=”12″ min=”12″ max=”” name=”cart[150c4240c79d30e8da1272e3e05aa31c][qty]” value=”192″ title=”Qty” size=”4″ inputmode=”numeric”>
<input type=”button” value=”+” class=”plus”></div>
</td>

<td class=”product-subtotal” data-title=”Total”>
<span class=”woocommerce-Price-amount amount”><span class=”woocommerce-Price-currencySymbol”>$</span> 864.00</span> </td>
</tr>
I am using Hestia Pro as the theme.

lol, the owner of the company I work for somehow found it in the menus. I need to remove category titles from the stop page but haven’t had any luck.

Exactly, we have a customer called dannie ‘sammie’ smith.

Each time we edit their order it becomes
dannie \\’smith’ sammie