[reibz]

Hi, I set up a webshop using Specular with WooCommerce. Is it possible to add borders on boxes in the product and checkout page? Especially the quantity box seems to disappear. Preferably I would like to add a text with quantity before it.

Here is my website

Also for some reason I am unable to search the forum. I get no hits no matter what I search, why is that?

[Mirela]

Hello,

Can you please be more specific? Do you want borders only on image boxes? Or all fields in the page? You can add boxes with custom css. Add the code into your custom css box. For example:

.woocommerce .woocommerce-page div.product div.images img {
    border: 1px solid rgba(204, 204, 204, 0.9);
}

Will set borders to images (screenshot).
-To set border to quantity, add this code:

.woocommerce #content div.product form.cart div.quantity, .woocommerce div.product form.cart div.quantity, .woocommerce-page #content div.product form.cart div.quantity, .woocommerce-page div.product form.cart div.quantity {
    border: 1px solid #ddd;
    margin-top: 2px;
}

-Adding a text with quantity before it (not quite sure what is ‘it’), however is a customization not included in support. Please read our policy.

Best regards!

[reibz]

Hi, thank you for your reply. Sorry if I was not specific enough. Your reply covers what I was wondering.

But where can I add the CSS? This a “product“, not a “page” so using the “page settings – css” is not available. “Edit CSS” and “Editor” does nothing…

This is what I meant by quantity before it (image).

[Mirela]

Hello,

You can add the custom css into your custom css box located in General Options > Tracking Code / Custom CSS / Custom JS.
Sorry but adding a title before quantity is a customization not included in support service.

Best regards!