The information in this thread might be outdated
If the solution did not help, please, check our Help Portal or contact Ecwid Team.
 
 
Thread Tools Display Modes
  #1  
Old 12-20-2019, 09:24 AM
 noshi careem's Avatar
 noshi careem is offline
Junior Member
 
Join Date: Dec 2019
Posts: 1
Wink

How to add a break line after string input using CSS


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!
  #2  
Old 12-23-2019, 09:01 AM
Elsa Z.'s Avatar
Elsa Z. Elsa Z. is offline
Ecwid Team
 
Join Date: Dec 2018
Posts: 28
Default

Hi there,

This is Elsa from Ecwid team.

As I understand you'd like to display the SKU value with a separate line. I'm sorry, it's not possible to achieve it with the help of CSS code.

I can offer to implement the function with the help of custom development. You can customize the feature with Ecwid API, our API documentation is available here: https://developers.ecwid.com/api-documentation. This task will require advanced programming skills.

If you are interested in a custom solution and need help from the developers, I can send your request to our Customization Team that works on a paid basis. Also, you can fill out our Customisation request form here: https://ecwidcom.typeform.com/to/vIlijv and our engineers will take a look at your case to see if it is possible to develop a solution that will fit your needs.

As you fill out the form, our Customisation team member will get in touch with you to discuss extra details and a quote.

If you have any questions, you can start Pre-Sales Chat: click on the chat icon on our site https://www.ecwid.com/ Screenshot: https://ecwid.d.pr/5Bk2fv

Thank you!
 
The information in this thread might be outdated
If the solution did not help, please, check our Help Portal or contact Ecwid Team.

Tags
css

Thread Tools
Display Modes

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off

Forum Jump


All times are GMT. The time now is 01:04 PM.
Powered by vBulletin® Version 3.8.11. Copyright ©2000 - 2021, Jelsoft Enterprises Ltd.