Simple Theme need help changing page specific text colors

Solved
KandM
Tourist
6 0 0

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.

0 Likes
Guleria
Shopify Partner
1759 371 520

Hello 

.protector-line .product__title.text-center a{
    color: red !important;
}

 

Want to modify or custom changes on store hire me.
Email: guleriathakur43@gmail.com, Skype: navrocks1
If helpful then please Like and Accept Solution.
Buy me a coffee ☕ My PayPal
0 Likes
KandM
Tourist
6 0 0

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?

0 Likes
Guleria
Shopify Partner
1759 371 520

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

Want to modify or custom changes on store hire me.
Email: guleriathakur43@gmail.com, Skype: navrocks1
If helpful then please Like and Accept Solution.
Buy me a coffee ☕ My PayPal
KandM
Tourist
6 0 0

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?

0 Likes
Guleria
Shopify Partner
1759 371 520

Yes

Want to modify or custom changes on store hire me.
Email: guleriathakur43@gmail.com, Skype: navrocks1
If helpful then please Like and Accept Solution.
Buy me a coffee ☕ My PayPal