Changing hyphen property in css (Unable to save store)

Store Design
, , ,
1

Hello, i have the problem, that the product title on my product page doesn’t get properly separated and therefore sticks out of the buy box in some cases. I tried to fix this by entering the custom css:

.product-title {
hyphens: auto;
}

This works in the preview, but makes me unable to save the theme i am currently editing. I just get an error saying the store couldn’t be published.

I also tried to add the paragraph in the style.css.liquid, but it doesn’t have any effect then.

Does anyone know why i can’t save my theme or how else to fix the hyphenation?

2

Hey @mmcom ,

Can you share the link to your store? (If possible the link to the product you are talking about)

3

The theme is not online yet, so here is the preview link:
https://vptm3pz67332oi5d-4459659328.shopifypreview.com
You can find the products where the problem occurs under FAHRRAD > (FAHRRADZUBEHÖR) > Werkzeug > any of the 4 products

4

Hey @mmcom ,

Go to your theme’s “Edit Code” Option, then in the search bar type “theme.liquid”
Below the tag “” tag paste the following. Screenshot attached for reference.

Screenshot is for reference only, the correct code to paste is the one shown above.

ThePrimeWeb_0-1710252136427.jpeg
ThePrimeWeb_0-1710252136427.jpeg1253×933 87.9 KB

Leave a like and mark this as the solution if this worked for you!

5

This worked, thank you very much!

6

I’m experiencing the very same issue. This is definetly a bug and should be fixed soon.

7

Same issue here. Its strange and i do not really like the theme editing fix - cause it will give a warning when updating the theme and i tried to not edit the theme so far.

Funny fact:

-webkit-hyphens: auto;

can be saved