Shopify themes, liquid, logos, and UX
My page is www.imakeflair.com
I've been googling and trying suggestions, but none of them seem to be working. I am using Debut theme and originally used a bit of code to add a slight stroke and small shadow to the text that overlaid my collection titles in my images.
I've decided to just incorporate the name of the collection into the image itself, and would like to hide the text over altogether but can't seem to find any code that works for this. I see several people suggesting adding code to theme.scss.liquid, but I don't have that file as shown below:
I have a listing of my collections on my home page, as well as a landing page with all of them. This is how my collections look from on both pages - and I'd like to remove the overlay text in both locations.
Any help with this would be GREATLY appreciated!!!!!!
Solved! Go to the solution
This is an accepted solution.
Hello.
If i understand it correctly, you want to remove the text on the image?
If so, then go to the theme.css, i can see it in the picture you listed and paste the following code in the bottom of the file.
.collection-grid-item__title.h3{
Display: none;
}
This is an accepted solution.
Hello.
If i understand it correctly, you want to remove the text on the image?
If so, then go to the theme.css, i can see it in the picture you listed and paste the following code in the bottom of the file.
.collection-grid-item__title.h3{
Display: none;
}
Holy crap - THANK YOU!!!! I had tried no less than 2 dozen other codes I found and none of them worked.
THANK YOU THANK YOU THANK YOU!
ok, new issue - when I click on the collection - in the banner image, the text is still there. Any ideas on how to remove the text there as well?
Yes. also insert the following code in the bottom of the css file again.
.collection-hero__title{
Display: none;
}
When I use this snippet of code you provided (Debut Theme)
.collection-grid-item__title.h3{
Display: none;
}
It does what its supposed to but, it also for some reason it also changes my reviews carousel to a list instead
I obviously don't want the list as it will be cumbersome for my clients on mobile to have to scroll through that. how do I fix this?
Are you ready to take your business to the next level? Look no further than the latest ...
By SarahF_Shopify Apr 15, 2024We’re keeping the ball rolling to make sure you’re always ahead of the game. So buckle ...
By JasonH Apr 8, 2024Portrait of Stephen positioned next to an image of planet Earth, with the Stephen's World ...
By JasonH Mar 18, 2024