Simple Theme need help changing page specific text colors

Retired Boards Appdev Custom Storefronts
1

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.

2

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

3

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?

4

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

1 Like
5

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?

6

Yes

1 Like