Dedicated to the Hydrogen framework, headless commerce, and building custom storefronts using the Storefront API.
Hey All,
I have been at this for 10+ hours now and I've had enough of trying to figure out somethings myself.
As the title states, I am using the "Simple Theme", I would like to change the text color of the product names. Oh and it needs to be only for that collection.
Collection page is: https://km-merchandise.com/collections/protector-line
Thank you.
Solved! Go to the solution
This is an accepted solution.
Yes its right, you are using other method, Ignore my last reply.
And paste this in your existing code b/w collection.handel
.grid__item .product__title.text-center a { color: red; }
Note: Change color a/to your need.
Thanks
Hello KandM,
Its possible but first use collection.handel as class name in parent element.
Once you do this after that you can use css like
.protector-line .product__title.text-center a{ color: red !important; }
Thanks
this for specific collection
Guleria,
My code currently looks like this,
{% if collection.handle == 'protector-line' %} <style> .grid__item { color: white; } .protector-line.product__title.text-center a{ color: red !important; } .breadcrumb-nav,.breadcrumb-nav__separator { color: white; } .site-nav__link { color: white; } .site-nav__link[href="/collections/protector-line"] { color: white; } .product__price { color: White; }
Is that part correct? I am editing collection.liquid, would that make a difference?
This is an accepted solution.
Yes its right, you are using other method, Ignore my last reply.
And paste this in your existing code b/w collection.handel
.grid__item .product__title.text-center a { color: red; }
Note: Change color a/to your need.
Thanks
Thank you so much! Before my post, I found the class name as product__title.text-center and tried to input it and it did not work.
If I were to do the same for the contact us, terms..etc on the footer section would the code be, .grid__item .site-footer_menu?
Yes