torrel

I’ve made a temp fix for issue number 1 using the custom CSS area.

.woocommerce div.product form.cart .variations label { 
    color: #ffffff !important;
}

If anyone can suggest a permanent fix, please let me know.

Issue to custom CSS

.theme-select {
    position: relative;
    border: 1px solid #ddd;
    color: #ffffff; /* Change text color to white */
}

/* Ensure the product description lists are styled with bullet points */
.woocommerce_product_description ul {
    list-style-type: disc; /* Ensures bullet points appear */
    margin-left: 20px; /* Indents the list */
    padding-left: 20px; /* Adds padding for better spacing */
}

.woocommerce_product_description li {
    margin-bottom: 10px; /* Adds space between list items */
    font-size: 16px; /* Adjust font size if needed */
    line-height: 1.6; /* Adjust line height for better readability */
}

Both of these seems like work arounds rather than solutions. If you have a solution please let me know.

• This reply was modified 3 months, 1 week ago by torrel.

I have made a custom CSS that seems to resolve it, but it is more of a patch than a solution.

.wc-block-components-totals-wrapper {
    border-top: 1px solid hsla(0, 0%, 50%, 1.0) !important;
    border-right: 1px solid hsla(0, 0%, 50%, 1.0) !important;
    border-bottom: 1px solid hsla(0, 0%, 50%, 1.0) !important;
    border-left: 1px solid hsla(0, 0%, 50%, 1.0) !important;
}
.wc-block-checkout__terms.wc-block-checkout__terms--with-separator {
    border-top: 1px solid hsla(0, 0%, 50%, 1.0) !important;
}

If anyone can suggest a more permanent fix please let me know.