Exileking
-
Posts
27 -
Joined
-
Last visited
Reputation Activity
-
Exileking reacted to HoaLT in Display Text Over Image Hover
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 reacted to Lesum in Display Text Over Image Hover
@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.
-
Exileking reacted to HoaLT in Display Text Over Image Hover
Share your URL here so we can check and give right solution
-
Exileking got a reaction from SaranyaDesigns in Custom background with css / Image
@SaranyaDesignsÂ
This worked perfect thank you!!!!MUCHO
-
Exileking got a reaction from SaranyaDesigns in Two different weights
@SaranyaDesigns heres what im trying to do!
Â