Hide collection title from collection pages? Stiletto Theme

Hi, I am making a new upgrade to my store, and just bought Stiletto Theme

Anyone who can help with a code, so the collection titels (the black text) does not appear on the collection pages? I only want the collection description to appear (the golden text)

It should work on all collection pages. Thank you very much!

https://70125bsi242n69y1-57068945600.shopifypreview.com/collections/recycled-collection

(Preview only available in two days)

.

.

.

.

.

.

.

.

@GemPages_Agents

@KetanKumar

@hammadCodes

@PaulNewton

@Ninthony

@dmwwebartisan

@ExpertRookie

@MandasaTech

@GemPages

@Mike-Consentik

Hi @stinem123

This is Richard from PageFly - Shopify Page Builder App, I’d like to suggest this idea:

Online Store ->Theme ->Edit code

Assets ->Theme.css

.ff-body.product-item__product-title.fs-product-card-title {
    display: none !important;
}

Hope you find my answer helpful!

Best regards,

Richard | PageFly

1 Like

Hi @PageFly-Richard thanks for your reply!

Unfortunately, this does not seems to work, i just tried to add the coding, but nothing changed.. Do you have any other idea to something that could work out?

@stinem123

my code is working fine please check again

h4.ff-body.product-item__product-title.fs-product-card-title {
    display: none !important;
}

Oh i see, this is what i meant (hiding the collection title at the top of the page, and leave the collection description visible) @PageFly-Richard

On all collection pages

@stinem123

You can try this code:

.collection-banner__text-container-heading.ff-heading.fs-heading-2-base.fs-heading-1-base-ns.section-blocks__heading {
    display: none !important;
}
1 Like

@PageFly-Richard Thank you so much works great! would it be possible to remove some of the spacing in the top, where the title was shown?

@stinem123

You can try this code:

.section.section--full-width.collection-banner.collection-banner--image-aspect-custom.collection-banner--text-left.collection-banner--text-mobile-center.animation.animation--collection-banner.is-visible {
    padding-top: 0px !important;
}
1 Like

@PageFly-Richard Thank you so much, looks great! Really appreciate!

@PageFly-Richard and now I just see that it is the same for all pages in this section - and pages in generel

Is it possible to remove the titel of the pages too?

https://5z4fb8vvb244s2ek-57068945600.shopifypreview.com/pages/sadan-ombytter-eller-returnerer-du-dit-smykke