Simple Theme need help changing page specific text colors

Solved
Highlighted
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
Highlighted
Shopify Partner
1012 209 253

Hello 

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

 

Want to modify or custom changes on store hire me.
My Email: guleriathakur43@gmail.com
Skype: navrocks1
If helpful then please Like and Accept Solution.
If you are happy and want to donate small Click here (Its my paypal)
0 Likes
Highlighted
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
Highlighted
Shopify Partner
1012 209 253

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.
My Email: guleriathakur43@gmail.com
Skype: navrocks1
If helpful then please Like and Accept Solution.
If you are happy and want to donate small Click here (Its my paypal)
1 Like
Highlighted
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
Highlighted
Shopify Partner
1012 209 253

Yes

Want to modify or custom changes on store hire me.
My Email: guleriathakur43@gmail.com
Skype: navrocks1
If helpful then please Like and Accept Solution.
If you are happy and want to donate small Click here (Its my paypal)
1 Like