How to get rid of line under collection list on a page

Hello everyone,

I have created a new page on Shopify, and added a collection list to it in the code editor. The collection list appears great on the homepage, but has bulletpoints, and a line underneath it when on the new page I created. I have figured out how to remove the bullet points, but I cannot figure out how to remove the pesky line underneath.

I have been digging though the code for some time, and I have yet to find a solution.

Any help would be greatly appreciated.

Hello,
you are facing this issue, it would be my pleasure to help you.
Welcome to the Shopify community!
Please Share your store live url where you want to do modification, so that I will solve your issue here!

Thank you so much!

it is password protected, so you’ll need to go through the backend.

The name is teststorefornourhan

and the password is nourhantest

please check password you have provided

try this one.

nourhantest1

still no work!

I will look into this problem and get back to you. Thank you for your time.

Sure !

Here is the link a different one of my sites that is having the same issue.

https://ismoke.store/pages/for-art

a.collection-grid-item__link {
    border: none !important;
}

Add this css at the bottom of
Online Store->Theme->Edit code->Assets->theme.scss.liquid

It worked! Thank you so much. I really appreciate your help.