Remove underline on collapsible row

hi i want to remove the underline on the collapsible rows please see attached.

URL: golazocasesuk.myshopify.com

theme: trade

2 Likes

Hi @golazocases ,

Step 1: Go to Shopify Admin → Online Store ->Theme → Edit code

Step 2: Search file theme.liquid

Step 3: Insert this code above tag:


Hope this can help you,

If our suggestions are useful, please let us know by giving it a like or marking it as a solution. Thank you :heart_eyes:

  • Here is the solution for you @golazocases
  • Please follow these steps:

  • Then find the base.css or theme.css file.
  • Then add the following code at the end of the file and press ‘Save’ to save it.
.collapsible-content summary:hover .accordion__title {
    text-decoration: none !important; 
}
  • Here is the result you will achieve:

  • Please press ‘Like’ and mark it as ‘Solution’ if you find it helpful. Thank you.
1 Like

there is no tag on mine

How can I remove the underline for all the text within the search bar? see attached

1 Like

Can you add more this code @golazocases

.predictive-search__list-item:hover .predictive-search__item-heading {
 text-decoration: none !important;
}

  • Please press ‘Like’ and mark it as ‘Solution’ if you find it helpful. Thank you @golazocases .

I could not see any underlined collapsible item on your website, hope you have solved the problem. :slightly_smiling_face: