Add text above Blog Category Page

Suppose we have 2 category pages with URL

• /blog-1/category/copywriting
• /blog-1/category/design

to add text above these pages, you can follow these steps:

#1. Use this code to Custom CSS box

html:has(link[href*="/blog-1/category/copywriting"]) #page>article>section:first-child .collection-content-wrapper:before {
    content: "Copyriting Heading \A Description Description Description";
    white-space: pre;
    display: block;
    text-align: center;
     font-size: 24px;
}

html:has(link[href*="/blog-1/category/design"]) #page>article>section:first-child .collection-content-wrapper:before {
    content: "Design Heading \A Description Description Description";
    white-space: pre;
    display: block;
    text-align: center;
    font-size: 24px;
}

#2. Result

#3. Note

Replace with category page URL