How can I hide the collection title in Shopify Dawn code?

[kathi8171]

I need a little help with the coding in shopify Dawn. 

I have coded the page to show a full description when the user clicks on a Read More link at the bottom of the page. My issue is that it is also showing the collection title and I'd like that not to show. Can anyone tell me how to make it the title hidden but the Read More link to still be viewable? I have listed the code below: 

{%- if section.settings.show_collection_description -%}

<div id="truncated">{{ collection.description | truncatewords: 0, "... <a class='read-more-collection'>Read More</a>" }}</div>
<div id="fullDescription" style="display: none">{{ collection.description }}</div>

{%- endif -%}

[GemPages]

Hello @kathi8171 

It's GemPages support team and glad to support you today.

To provide you with the most precise solution in this case, could you please share the home page link?

[kathi8171]

https://www.sinfulcorset.com/

[GemPages · Accepted solution]

@kathi8171 

Do you want something like the picture below?

css code:

  #shopify-section-template--16090102431985__banner .collection-hero__title{
     display: none !important;
  }

Hope my solution can work and support you!

Kind & Best regards!

GemPages Support Team.

[kathi8171]

Added this to my base.css and it is absolutely perfect! Exactly what I needed! Thank you so much!