Remove Collection Text

[VK007_]

Hello! 

I need help to remove the text infront my collections because i have the names of the collection in the collection picture. 

[Moeed]

Hey @VK007_ 

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

[VK007_]

https://www.yourownpcbuild.nl/

[Moeed · Accepted solution]

Hey @VK007_ 

Follow these Steps:

1) Go to Online Store
2) Edit Code
3) Find theme.liquid file

4) Add the following code in the bottom of the file above </body> tag

<style>
h3.collection_grid-title {
    display: none !important;
}
</style>

RESULT:

If I managed to help you then, don't forget to Like it and Mark it as Solution!

Best Regards,
Moeed

[VK007_]

This worked thankyou!!

[Moeed]

Thank you for your reply. I'm glad to hear that the solution worked well for you. If you require any more help, please don't hesitate to reach out. If you find this information useful, a Like would be greatly appreciated.

[VK007_]

How can i remove it from the product collection pages? 

[Moeed]

Keep the previous code and add this new code above </style> in the end of theme.liquid file

h2.hero__title {
    display: none !important;
}

If I managed to help you then, don't forget to Like it and Mark it as Solution!

Best Regards,
Moeed

[VK007_]

Yes thankyou it worked! 

Last question, can i change the size of the background picture? because right now the picture is zoomed in to much and you can not see the text. 

[B2Bridge]

Hi @VK007_ 
Can you kindly share your store link (with the password, if any) with us? We will check it and suggest you a solution if possible.

[VK007_]

Hi! 

Here is the link to my store:

https://www.yourownpcbuild.nl/

[B2Bridge]

Hi @VK007_  , you can follow these steps:

Step 1: Open Online Store -> Themes -> Edit code.

Step 2: Find component-card.css file

Step 3: Paste this code at the bottom of the file

.collection_grid-text-wrapper h3.collection_grid-title {
    display: none !important;
}

If this is helpful, please let us know by giving us a like and marking it as a solution. Thank you 😍

[Dan-From-Ryviu]

Hi @VK007_ 

Please share the link to your page so I can provide the code to do that, or try to add this code to Custom CSS of those sections. 

h2 { opacity: 0; }

[VK007_]

Hi! I don’t have the option to add a custom css. 

This is the link to my store
https://www.yourownpcbuild.nl/