Make headings on "Image with text overlay" H1 instead of H2

[Sadea]

Hello,

My url is: https://safesprayer.dk/

My theme is: Narrative

I would like to change my “Image with text overlay” code so that the “heading” (see screenshot) is a H1 instead of the current H2.

I would like to do this, but WITHOUT changing the size of the title itself. In other words, I would like to have the title remain the exact same size as it is now.

This is solely for SEO purposes, as a website with H1 on a page is ranked higher that when the H1 is missing.

Could someone be helpful with this issue?

Thank you very much in advance!

[NomtechSolution]

1. Locate the Narrative theme and click on the “Actions” dropdown menu, then select “Edit code.”

2. In the left-hand sidebar, click on the “Sections” folder to expand it.

3. Look for the “image-text-overlay.liquid” file and click on it to open the file editor.

4. Find the section of code that renders the heading for the “Image with text overlay” section. It might look similar to this:

## {{ section.settings.heading }}

Change the h2 tag to h1, like this:

# {{ section.settings.heading }}

[Sadea]

@NomtechSolution

I do not see the “image-text-overlay.liquid” file in the file editor.

Could it be a different file?

[NomtechSolution]

It can be image-with-text-overlay

[Sadea]

@NomtechSolution

I only have these snippet files with “image” in their name.