Solved

Simple Theme need help changing page specific text colors

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.

Accepted Solution (1)
Developer-G
Shopify Partner
3032 593 846

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

- If helpful then please Like and Accept Solution.
- Want to modify or custom changes or bug fix on store Hire me.
- Email: guleriathakur43@gmail.com - Skype: navrocks1 ,
- Try GEMPAGES a great page builder
-Advance Search Filter

View solution in original post

Replies 5 (5)

Developer-G
Shopify Partner
3032 593 846

Hello 

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

 

- If helpful then please Like and Accept Solution.
- Want to modify or custom changes or bug fix on store Hire me.
- Email: guleriathakur43@gmail.com - Skype: navrocks1 ,
- Try GEMPAGES a great page builder
-Advance Search Filter
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?

Developer-G
Shopify Partner
3032 593 846

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

- If helpful then please Like and Accept Solution.
- Want to modify or custom changes or bug fix on store Hire me.
- Email: guleriathakur43@gmail.com - Skype: navrocks1 ,
- Try GEMPAGES a great page builder
-Advance Search Filter
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?

Developer-G
Shopify Partner
3032 593 846

Yes

- If helpful then please Like and Accept Solution.
- Want to modify or custom changes or bug fix on store Hire me.
- Email: guleriathakur43@gmail.com - Skype: navrocks1 ,
- Try GEMPAGES a great page builder
-Advance Search Filter