I am setting up an Ecwid shop in my website.
There is this "SKU" string input field in which we are supposed to declare a name for our "SKU" string. We simply input our string in the input field.
Instead of using 1 word for the SKU, I want it to be 2 phrases, so my SKU string would be like this:
yellow and blue, red and black
However, I want the SKU to be shown in the website with a line break. So it would be like this in the
website:
yellow and blue,
red and black
It seems we cannot input code in the input field, it looks just like plain text. Maybe I'm not trying the corret code for the break line, but it seems that I must do something else to achieve this.
However, we do have the ability to create custom CSS for the SKU. But I do not know how to use the CSS to add a break line to the SKU string.
The default codes for the SKU are the following:
/* Product sku */
div.ecwid-productBrowser-sku {
font: normal 13px tahoma, geneva, verdana, sans-serif;
color: #1e2c38;
word-wrap: break-word;
}
span.ecwid-productBrowser-sku-value {
display:inline-block;
}
Any ideas of customizing the CSS code or maybe inputing a code in the string field so the string has a break line?
Please do help, I've contacted Ecwid team but they are taking too long.
Thanks a lot!
12-20-2019, 09:24 AM
Linear Mode
