How can I remove collection titles from my product page?

[ZIENKID]

Hi Guys 
I'm trying to remove the collection name (in this case In Stock) from my product collection page
I've tried adding the following code to from the base.css file and didn't work 

.page-title {

    display:none !important

}

Is anyone able to shed any light? 

Using Dawn Theme 

[suyash1]

@ZIENKID - can you please share this page link?

[ZIENKID]

it's luxebywest.com.au 

the store isn't operational yet but you can get in with code LUXE2024

[suyash1 · Accepted solution]

@ZIENKID - add this code to the end of base.css file and check

.collection-hero__title {display: none; visibility: hidden;}

[ZIENKID]

amazing thank you ... total rockstar !!!!!!! 

[suyash1]

@ZIENKID - welcome 🙂

[PageFly-Oliver]

Hi @ZIENKID ,

You can try this code by following these steps:

Step 1: Go to Online Store->Theme->Edit code.

Step 2: Search file theme.liquid

Step 3: Paste the below code at the bottom of the file -> Save

{% if template contains "collection" %}
<style>
.collection-title{
display:none !important
}
</style>
{% endif %}

Hope my solution works perfectly for you!

Best regards,

Oliver | PageFly

[ZIENKID]

thank you - all fixed with the previous fix but thank you for your help 🙂 x 

[projectsbydel]

Same problem but where can Base.CSS be found when going to 'EDIT CODE'?