BACK

how to remove caption under collection image in grid shopify

How to Remove Grey Overlay from Images On Collection List Page in Shopify hey dear welcome to you in

Foysal Ahmed

Updated on Mar 01,2023

How to Remove Grey Overlay from Images On Collection List Page in Shopify

The above is a brief introduction to how to remove caption under collection image in grid shopify

Let's move on to the first section of how to remove caption under collection image in grid shopify

Let TThunt's experts help you find the best TikTok product on your Shopify business!

Find TikTok products (It's Free)
No difficulty
No complicated process
Find winning products
3.5K Ratings

WHY YOU SHOULD CHOOSE TTHUNT

TThunt has the world's largest selection of TikTok products to choose from, and each product has a large number of advertising materials, so you can choose advertising materials for TikTok ads or Facebook ads without any hassle.

how to remove caption under collection image in grid shopify catalogs

How to Remove Grey Overlay from Images On Collection List Page in Shopify

hey dear welcome to you in my youtube,channel in this tutorials i am going to,show you how to remove ge overlay from,the image on the collection list page if,you looking shopify easy video guideline,then you can continue this tutorial so,let's get started,here is my shopify online store and i'm,going to my collection page,this is my,collection page and,looks here,there are,a ga hourly on the collection list and i,wanted to remove because from my design,experience it does not look so good or,so professional that's why most of users,want to remove this gay hourly from this,collection list and here i am going to,do this right now so that you can do,this without hiring any developer or,spending any money,okay so to do this first i'm going to my,shopify admin panel here is my shopify,admin panel and going to click on the,online store,then click on the action button,edit code,and here i am going to open css file,click on the search box,type css,here is the theme dot css file under the,asset folder click on this file to open,it,then go to the,bottom of this file,and i'm going to start typing my code,right here,so first i type and comment so that,i can understand in future that i have,added this code right here,so now i'm going to start coding,then going to copy this code,and paste,here,add another line right here,collection,grid,item,title,then make it opacity one,okay,so now going to add another code,collection git item title wrapper then,another line collection grid item title,hover,then add another,wrapper before,then add our code,opacity,zero,important click on the save button,and going to my website,refresh,wow the guy overlay has been removed,from here,so thank you for your time to watch this,video,if you think this video is helpful then,click on the like button and subscribe,to my channel i provide regular,maintenance service for your shopify,online store including seo and social,media marketing have a nice day bye

Congratulation! You bave finally finished reading how to remove caption under collection image in grid shopify and believe you bave enougb understending how to remove caption under collection image in grid shopify

Come on and read the rest of the article!

Browse More Content