New Shopify Certification now available: Liquid Storefronts for Theme Developers

Change product title link to black

123 0 16

So i have made a page using shogun and i have made my collection page, but shopify makes the product titles blue because they are links what is some code to change the titles to black? Only on this page though.


Screenshot (160).png

Replies 5 (5)
Shopify Partner
3051 761 925

Hey @jakegrieveson 


Follow these Steps:

1) Go to Online Store
2) Edit Code
3) Find theme.liquid file

4) Add the following code in the bottom of the file above </body> tag

.shg-product-title-component span {
    color: black !important;




If I managed to help you then, don't forget to Like it and Mark it as Solution!


Best Regards,

Need a Shopify developer? Chat on WhatsApp

- For Shopify Design Changes | Shopify Custom Coding | Custom Modifications
- Your Coffee Tip and my code, A perfect blend. ❤️
Shopify Partner
335 34 36

Hi @jakegrieveson 

You can follow the following steps:

1. Please go to the Online Store
2. Then Edit Code
3. Please find the theme.liquid file
4. And add the following code in theme.liquid file above the </head> tag

.shg-product-title-component h1 a span {
    color: black !important;






If this solution is worked, then please Like this and Mark this as accepted solution!


-Shopify website development, Theme & App Development
-Contact me: WhatsApp

-Email Me
-If this solution is worked, then please Like this and Mark this as accepted solution!
Shopify Partner
5679 1047 1073

Hi @jakegrieveson 

You can do that by adding this code to Custom CSS of Shogun 

.shg-product-title-component a { color: #000 !important; }

- Helpful? Like and Accept a solution. - Donate: Buy coffee - or Paypal me ❤️
- Ryviu - Product Reviews app, collect consumer photo reviews, import reviews from AliExpress, Amazon, Etsy, Shoppe and Walmart and CSV.
- Lookfy app: Create Image Lookbook, Photo Gallery with product hotspots
- Enjoy 3 months of Shopify for $1/month. Sign up now

503 98 90

Hi @,


You can try this code by following these steps: 

Step 1: Go to Online Store->Theme->Edit code.

Step 2: Search file base.css

Step 3: Paste the below code at the bottom of the file -> Save

color:black !important

Hope my solution works perfectly for you!

Best regards,

Oliver | PageFly

Please let me know if it works by giving it a Like or marking it as a solution!

PageFly - #1 Page Builder for Shopify merchants.

All features are available from Free plan. Live Chat Support is available 24/7.

Shopify Partner
15736 2353 3051

Hello @jakegrieveson 

You can try this code: it will be helpful to you

Go to the Online Store->Theme->Edit code->Assets->base.css>Add this code at the bottom.

.shg-product-title-component a {
    color: #000 !important;


Get pass your Store Core Web Vital Free Speed Optimization Audit, Chat on WhatsApp | Skype : oscprofessionals-87 | Email: | Custom Pricing Wholesale App : Free | Hire us | Guaranteed Site Speed Optimization | Website Free Audit | Shopify Theme Customization | Build Shopify Private App | Shopify SEO | Digital Marketing