How can I change the color of product title links to black on my page?

How can I change the color of product title links to black on my page?

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
5324 1437 1724

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 Specialist? Chat on WhatsApp

- Custom Design | Advanced Coding | Store Modifications


laddisahsi
Shopify Partner
385 38 41

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
9533 1914 1949

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 solution! or Buy me coffee
- Ryviu - Reviews & QA app: Collect product reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Shopee, Dhgate and CSV.
- Lookfy Gallery: Lookbook Image: Easy and fast to create Photo Gallery, Lookbook, Shop The Look.
- Ryviu: Aliexpress Reviews - AliExpress Reviews Importer, one-click import aliexpress reviews, export reviews to CSV file.
- Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- Enjoy 1 month of Shopify for $1. Sign up now.

PageFly-Oliver
Shopify Partner
878 190 181

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
16115 2409 3123

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 | Hire us | Guaranteed Site Speed Optimization | Website Free Audit | Shopify Theme Customization | Build Shopify Private App | Shopify SEO | Digital Marketing | Oscp Upsell & Cross sell App : Free | Oscp Sales & Volume Discount App : Free | Custom Pricing Wholesale App : Free