Simple Theme need help changing page specific text colors

Solved
New Member
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
Shopify Partner
259 48 53

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
If helpful then please Like and Accept Solution.
If you happy and want to donate small, click here: Paypal
0 Likes
New Member
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

Success.

Shopify Partner
259 48 53

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
If helpful then please Like and Accept Solution.
If you happy and want to donate small, click here: Paypal
1 Like
Highlighted
New Member
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
Shopify Partner
259 48 53

Yes

Want to modify or custom changes on store hire me.
My Email: guleriathakur43@gmail.com
If helpful then please Like and Accept Solution.
If you happy and want to donate small, click here: Paypal
1 Like