[Grid] Change Color of Section Headers Links on Home Page

Solved
shop3xu
New Member
2 0 0

Hello everyone,

I'm currently needing some help. This is my website: https://shop3xu.com/

I was managed to add links to my Featured Collection sections on my home page adding this code into my home-products.liquid:

{% if section.settings.title != blank %}
  <h2 class="section-title">
  <a href="{{ collections[section.settings.collection].url }}">{{ section.settings.title | escape }}</a></h2>                                                                                      
{% endif %}


But now since it's a link, it shows up as my Accent color instead or the Heading color. I tried to put some code to change the color but it doesn't seem to work since it's still considered a 'Link' and not a 'Heading'. One thing that did work was changing my a{ color in my theme.css altogether, but that changes all my links color which I don't want. Can anyone advice me what to do?

Thank you for your time,
Ms. Ngan

 

0 Likes
Pallavi
Shopify Expert
1103 146 178

This is an accepted solution.

Hello There,

1. Go to Online Store->Theme->Edit code
2. Asset->/theme.scss.liquid->paste below code at the bottom of the file.

h2.section-title a {
color: #000!important;
}

Screenshot :- https://prnt.sc/10g2i08

Want to modify or develop new app, Hire us.
If helpful then please Like and Accept Solution .
Email: support@zestard.com
Shopify Apps URL :- https://apps.shopify.com/partners/zestard-technologies
Custom Modifications Into Shopify Theme | Shopify Private App | SEO & Digital Marketing
0 Likes
khilan
Explorer
156 9 19

This is an accepted solution.

hi @shop3xu 

hi i can solve your problem.

please chage this .

1. Go to Online Store->Theme->Edit code
2. Asset->/theme.scss.liquid->paste below code at the bottom of the file.

h2.section-title a {
color: #000!important;
}

thank you so much.

Shopify Expert | Skype: khilan.mendapara
- Like and Mark as an Accepted Solution if reply helpful
- Feel free to contact me on khilan.mendapara1995@gmail.com regarding any help
shop3xu
New Member
2 0 0

Thank you so much for your help, it did work. You're a life saver!

0 Likes
Pallavi
Shopify Expert
1103 146 178

Kindly feel free to get back to me if you need any further assistance Thanks!

Want to modify or develop new app, Hire us.
If helpful then please Like and Accept Solution .
Email: support@zestard.com
Shopify Apps URL :- https://apps.shopify.com/partners/zestard-technologies
Custom Modifications Into Shopify Theme | Shopify Private App | SEO & Digital Marketing
0 Likes
LamQSolutions
Tourist
9 2 2

Glad to see the problem was resolved!
I think you can use my free app Custom CSS to add the above code. So you don't need to touch any file in the theme.

Found my answer helpful? Please LIKE or Accept Solutions.
You may be interested in our app Scrolly Telling for creating scroll-based animations visually.
0 Likes