Debut Theme - Change text color in specific collection

Solved
Highlighted
Tourist
3 0 1

Hey there! 

I've looked up multiple previous community threads and all the codes i've tried to use won't work. 

I'm using Debut theme and trying to change the title of the product color to black just on my "Maligator Mom" collection. Is this possible?

My website is belechercreations.com

Also, as an extra if anyone knows the code to where you hover over a product and it shows the next picture that would be excellent as well! 

Highlighted
Shopify Partner
9667 1212 3392

Hello, @Ninaleighh 

Welcome to the Shopify community!
and Thanks for your question.

Please share the page URL and let me know which text did you have change color
So I will check and provide a solution here.

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
0 Likes
Highlighted
Tourist
3 0 1

Belechercreations.com 

maligator Mom Collection (under shop tab on top) 

And I’m trying to change the product titles to a different color

0 Likes
Highlighted

This is an accepted solution.

@Ninaleighh 

Absolutely, it is possible.

1. In your Shopify Admin go to online store > themes > actions > edit code
2. In your theme.liquid file, find the </body> (press CTRL + F or command + F on Mac)
3. paste this code right above the </body> tag:

 

<script>
function isMaligatorPage(){
const isMaligator = /maligator-mom$/.test(window.location.href);

if (!isMaligator)return;

document.body.classList.add("template-collection--maligator");
}
isMaligatorPage();
</script>

<style>
.template-collection--maligator .grid-view-item__title{
	color: #000000 !important;
}
</style>

 


You can change the #000000 to any hex color of your wish, I made it black for the sake of example

Please let me know whether it works.

Kind regards,
Diego

◦ Problem Solved? ✔️ Please click on Accept as Solution and like.
◦ Needing urgent help? I am currently available for hire, same day response guaranteed: diego.boarutto.fortes@gmail.com
0 Likes
Highlighted
Tourist
3 0 1

Yes! That worked! Thank you so much! 

 

Do you also know how to hover over a product image and it change to the next image? Same collection. Want it to show the back of the shirt when they hover over it. 

0 Likes