Hide or remove the Hero section title from the homepage only

[plasmidone]

I am using the Mercury theme and would like to remove the Hero section title from the homepage only. When I remove the text from Theme > Layout > Hero section , it automatically adds the following title "Your photography stories Capturing life with natural light photography".
What is the simplest way to prevent displaying any Hero text on the main homepage of the website?

I did find a previous post for hiding the title of all posts by using CSS (Tools & Plugins -> Custom CSS):

.post__title {display: none;}

Any simple way to use custom CSS but only for the homepage Hero text, not all post/page titles?

[gpsblues]

Hi, try this CSS:

main:not([class]) .hero {display: none;}

This should apply only to the homepage since the <main> tag has no classes. Other pages using .hero have specific classes on the <main> tag.

From an SEO perspective, keep in mind that this only hides .hero visually, but it remains in the readable content of the page.

Another solution is to modify the index.hbs file.

[plasmidone]

Thank you, that's exactly what I wanted to do and is such an easy solution.

[michaelfluegge]

The text "Your photography stories Capturing life with natural light photography" ist the standard text. You can find (and change it) in the config.json.

  {
            "name": "textHero",
            "label": "Hero text",
            "group": "Layout",
            "value": "<p>Your photography stories</p><h1> Capturing life with natural light <i>photography</i></h1>",
            "type": "wysiwyg"
        },

[michaelfluegge]

so could change the text there, or delete it

on the other hand: to make the header invisible, have you thought of giving it the same color like the background. Or have you tried putting some blanks into the text field?