Exileking

Try this code
#collection-65443f8483de252080147860 .sqs-block-image-link::before { content: "view project"; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); color: #fff; opacity: 0; transition: opacity .3s ease-in-out; pointer-events: none; z-index: 12; /*additional style*/ font-family: pixChicago; width: 100%; font-size: 12px; text-align: center; }

@Exileking With the current code, you have to update the code for each image to display the project name, resulting in hundreds of lines of code 🙂. You didn't mention displaying the project name, so I wrote the code as a general solution for all images.
If you add the project names as the alt text for each image (See screenshot), the project name can be displayed on hover with a custom script, and you won't have to update the code for each project with this approach.

Share your URL here so we can check and give right solution

@SaranyaDesigns 

This worked perfect thank you!!!!MUCHO

@SaranyaDesigns heres what im trying to do!