New Shopify Certification now available: Liquid Storefronts for Theme Developers

Change product title link to black

jakegrieveson
Explorer
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.

theme:Dawn

Website:desire-online.net

Screenshot (160).png

Replies 5 (5)
Moeed
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

<style>
.shg-product-title-component span {
    color: black !important;
}
</style>

RESULT:

Moeed_0-1695275663628.png

 

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

 

Best Regards,
Moeed

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. ❤️
laddisahsi
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

<style>
.shg-product-title-component h1 a span {
    color: black !important;
}
</style>

 

laddisahsi_0-1695277146433.png

 

 

 

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


Laddi

-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!
Dan-From-Ryviu
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

PageFly-Oliver
Navigator
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

[data-shg-product-target="product-title"]{
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.

oscprofessional
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: pallavi@oscprofessionals.com | 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