Title Showing in Collapsible Row

Store Design
1

Link: CoreFIT Seamless Shorts in Abyss – Fitness Flair

I would like to custom create a size chart, tried linking a page, it works but the title is showing, is it possible to remove title from the collapsible row content, so starts from “Please refer" etc..” I’ve tried removing it from the actual page but doesn’t work. Elite Seamless Shorts Size Chart – Fitness Flair

image
image1004×666 21.6 KB

2

@nicolewx

Please add the following CSS code to your assets/base.css the bottom of the file.

accordion-custom details .details-content h2.page-title { disply:none !important;}

Thanks!

3

Hey @nicolewx

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>
details.details h2.page-title {
    display: none !important;
}
</style>

RESULT:

image
image652×539 10.6 KB

If I managed to help you then a Like would be truly appreciated.

Best,
Moeed

4

Hi @nicolewx

  1. In your Shopify Admin go to online store > themes > actions > edit code
  2. Find Asset > style.css and paste this at the bottow of the file:
details.details h2.page-title {
    display: none !important;
}

image
image1314×596 97.7 KB

7

Hi,

Hope this will help

  • Hide page title with CSS which is a most common fix

CSS example (At base.css or theme.css)

.product__accordion .main-page-title {
  display: none;
}
  • Use a Custom Liquid block instead of a Page
  • Use a metafield for size chart