How can I customize a collection page on my website?

[Lakdi]

Hello Guys,

I have a website https://www.lakdi.com, I did some customization on the collection page but the developer who made the changes, unfortunately not working with us now.

I am sharing my problem with a screenshot, and hoping for a solution. I will be a great help.

Step1: As you see in below screenshot below the price "Pan India Delivery & Installation" and one image appearing but image is not visible.

Step2: I want to remove that image but we and our current developer unable to find from where is this image is fetching.

Step3: As I checked this image fatching from class="clip-ship-img".

Step4: I also checked this css in theme.css file but unable to find the image url or code.

[BrainStation23]

Hi @Lakdi. Hope you're doing great.

If you're using a free theme then can you share with us which free theme you're using and which section it is?

If it is paid theme, we will need access of your theme code.

Let us know if you've any query.

[Jixnankine]

hi @Lakdi 

the image is fetching from following url 

https://cdn.shopify.com/s/files/1/0491/2165/6981/t/10/assets/170-1702104_fast-delivery-icon-png-tran...

but there is no image on above mentioned url. 

solution:

open this theme in theme editor and replace image with some other proper image .

If you are comfortable I can guide you over live session.

[Lakdi]

Yes, Sure. Please let me know how we can connect. @Jixnankine 

[Jixnankine]

Hi @Lakdi 

tomorrow 10am we can on connect on zoom or google meet

[Vinsinfo · Accepted solution]

@Lakdi 

Please follow the below steps to remove the image before the "Pan India Delivery & Installation" and let us know whether the solution is helpful for you.

1. Go to card-product.liquid file and try to find the img tag with class="clip-ship-img" inside the <p> tag.

2. Remove the image tag from the file.

3. If you feel difficult in finding the "clip-ship-img" class in overall theme folder, just hide the image using below code. Paste the code in the theme.css file that you have attached above.

.clip-ship-img{
    display : none !important;
}

Please provide your support by click "Like" and "Accepted" if our solution works for you. Thanks for your support.

[Lakdi]

Thank you very much, I copied your given code and pasted it in the theme.css, and now it's working.  @Vinsinfo