Display:none on h3 and h4 in product description css code Dawn Theme

Store Design
, , ,

Topic summary

Goal: Hide duplicated headings (h3/h4) in Shopify Dawn product descriptions to avoid manual cleanup across many products.

What was done:

  • Provided a CSS-only fix by editing base.css: “.product__info-container .product__description h4, .product__info-container .product__description h3 { display: none; }”.
  • Steps: Online Store → Theme → Edit code → base.css → add rule. The change successfully removes h3/h4 in the description area.

Follow-up request:

  • Merchant asked to also hide the first paragraph that functions as a title on some products (example URL shared). Suggested CSS: “.product__description p:first-child { display: none; }”.
  • Caveat: With a new content workflow where the first child is always a paragraph (no title), this rule would remove the first paragraph universally, which is undesired.

Status:

  • Initial heading-removal issue resolved via CSS.
  • Secondary request (conditionally hiding only “title-like” first paragraphs) remains unresolved; current suggestion would always hide the first paragraph, with no conditional logic provided. An image was referenced but not essential to the solution.
Summarized with AI on December 15. AI used: gpt-5.
1

Hey Shopify users,

I got a question. Is it possible to display: none the h4 and h3 etc in the product description.

My lister maybe uploaded a 1000 products and its all with the product title in the description.

Example:

Scherm­afbeelding 2024-11-02 om 14.13.16.png
Scherm­afbeelding 2024-11-02 om 14.13.16.png1124×724 145 KB

It will really save me a lot of work if i can delete this at once.

2

Hey @LarsSchumi

Welcome to Shopify Community! Can you share your Store URL so I can have a look on it? Also, if you have password enabled then please share the password as well. Your cooperation would be greatly appreciated.

Best Regards,
Moeed

3

https://www.montrio.de/products/adriel

4

Hello @LarsSchumi ,

Follow these steps:

  1. Go to Online Store → Theme → Edit code

  2. Open your base.css file and paste the following code at the bottom:

.product__info-container .product__description h4, .product__info-container .product__description h3 {
    display: none;
}

Thanks

5

Thanks this works perfect!

1 Like
6

is there also a trick for the first p strong on these kinds of products. I see there are 2 p elements but the first one is a title

https://www.montrio.de/products/caesar

7

Use this css

.product__description p:first-child { 
    display: none;
}
8

okay but we use a new prompt that will have no title in front so the first child is always p. So this will delete the first p :disappointed_face:

9

unfortunately yes it will always hide the first p.