How do i break the title of a single product into 2 lines in the debut theme?

Store Design
1

Many of my products require 2 lines in the title, but some do not. In order to aid in alignment, i need to force one product title to 2 lines. I tried just adding spaces and it does not recognize them. I even trie spaces, a character, then more spaces and still nothing. Help please!

2

Hello @Kregister

You can add code by following these steps

  1. Go to Online Store → Theme → Edit code.

  2. Open your section-main-product.css file

  3. Paste the below code

.product .product__title h1 {

width: 100%;
max-width:200px;

}

3

I am extremely novice so bear with me. Your reply notes to “change ATC background color”. I am not concerned with color, just being able to force a title to 2 lines. Is there a way to do this without changing the code of the entire template?

4

Hello @Kregister
I was mentioned that by mistake