How to remove all text from the product page banner on Debut theme?

Hi there,

How can I remove the text on my product page banner (https://rasayanaliving.com/collections/services) which currently says “Healing Services”. I want to have no writing on the banner at all and just leave the photo for now. I am using the Debut theme.

I can’t seem to find a direct solution for this anywhere. If you have give me numeric step be step directions, I would truly appreciate it. Eventually I’d like to know how to remove text from other pages as well. Thank you very much!

Hi @EES210

Try this.

  • From your Shopify admin dashboard, click on “Online Store” and then “Themes”.
  • Find the theme that you want to edit and click on “Actions” and then “Edit code”.
  • In the “Assets” folder, click on “base.css, style.css or theme.css” file, depending on which file your theme uses to store its CSS styles. At the bottom of the file, add the following CSS code:
h1.collection-hero__title.page-width {
    display: none;
}

i hope it help.

Please don’t forget to Like and Mark Solution to the post that helped you. Thanks!

Hey,

Please use this code in theme.css file:

body.template-collection .rte.collection-description.page-width {
display: none;
}

Thank you
Pooja D.

I’m shocked at how simple this was. I was trying to figure this out for a while now.

I just tested it and it worked - I TRULY appreciate it. Thank you so much!

Welcome, if you know how to read the html and choose the selector. It is easy.

Thanks again. By any chance, would you be able to help me with my other question about adding collapsible text options to my products & services page? I wrote it out here: https://community.shopify.com/topic/2199581

Hi there, Do you know how to make it so that the banner of my services pages is not tinted? There is some kind of tint/ grayish affect on top of the photo.

How can I change this to show the full color/ saturation of my banner? Here is the link: https://rasayanaliving.com/collections/services

Thank you