How can I change the color of a hyperlink in my theme?

How can I change the color of a hyperlink in my theme?

paytonking
Visitor
1 0 1

https://sweetnesstudios.com/pages/supper-club i am looking to change the color of a hyperlink in a page under the schedule an event button! 

i would love to get that color the red that matches the rest of the text on the site. or even a bright red. 

 

it is under the sign up today. you can barely see it. 

 

Replies 4 (4)

David_SHT
Globetrotter
605 125 125

Hi @paytonking ,

 

This is David at SalesHunterThemes.

You can try to follow these steps:

Go to Online Store -> Themes -> Actions -> Edit code.

Go Assets folder -> base.css file.

Add this following code at the bottom of page.

 

 

#shopify-section-template--15193794314300__main .rte a{
  color: var(--color-foreground);
}

 

result:

David_SHT_0-1695093964678.png

 

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

David | SalesHunterThemes team

We create fast Shopify themes, focusing on exceptional performance and seamless experience across all devices.

Try our Electro theme Free! (Now at Black Friday price)

ZenoPageBuilder
Shopify Partner
1052 203 225

Hello @paytonking 👋

Inside Shopify Admin, you can go to Edit theme code, open file base.css and add this code at the bottom

#shopify-section-template--15193794314300__main a {
    color: rgb(110, 13, 13) !important;
}

The result

Screenshot 2023-09-19 at 10.46.25.png

Hope that helps! 

Zeno Page Builder - Build responsive & SEO-optimized Landing pages, Blog posts, Product pages and more...
Learn more at zenobuilder.com

ZestardTech
Shopify Partner
5751 1051 1390

Hello there,

 

1. In your Shopify Admin go to online store > themes > actions > edit code
2. Find Asset > base.css and paste this at the bottom of the file:

 

.rte.scroll-trigger.animate--slide-in a {
color: rgba(var(--color-foreground), 0.75);
}

 

ZestardTech_0-1695099909903.png

 

 

Want to modify or develop new app, Hire us.
If helpful then please Like and Accept Solution .
Email: [email protected]
Shopify Apps URL :- https://apps.shopify.com/partners/zestard-technologies
Custom Modifications Into Shopify Theme | Shopify Private App | SEO & Digital Marketing

oscprofessional
Shopify Partner
16115 2409 3123

Hello @paytonking 

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.

.rte a:hover {
    color: #6E0D25 !important;
}

 

Get pass your Store Core Web Vital Free Speed Optimization Audit, Chat on WhatsApp | Skype : oscprofessionals-87 | Email: [email protected] | 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