How can I modify the text box header in the Dawn Theme's image-with-text section?

I would like to change the text box header for the ‘image-with-text’ section in the Dawn Theme from

John Smith Bikes

to

John Smith

Bikes

(the doted line should be a solid line)

I see three ‘challenges’:

  1. adding a ‘new line’, and,
  2. adding the solid line (a separate line, or underline the first text including trailing blank spaces
  3. how to do this so it works also for different screens/devices.

I found the content in the index.json file, but have not found a way to modify it to create this effect. Maybe this is not the place to do that. I know just enough HTML and CSS to get in trouble, and nothing really about JavaScript.

“1641141311d10ef431”: {
“type”: “image-with-text”,
“blocks”: {
“1641141311827ef65d-0”: {
“type”: “heading”,
“settings”: {
“heading”: “John Smith Bikes”,
“heading_size”: “h0”
}

Any advice or pointers is welcome.

1 Like

@ut_er

sorry for any issue can you please provide store url

Sorry, the website is in development for a client, and I can not share it pre-launch.

I was hoping there are some general coding rules how to do this, or some pointers on what to do where.

Thanks for replying however