Debut Theme Phone Link Color Problem

Solved
Highlighted
Tourist
4 0 0

I'm designing my first Shopify Store using the Debut Theme.

In theme settings I changed the "headings and links" color to hot pink.

In the footer, I created 2 links, one for the store's phone number (a "tel:" link) and another for the store's email address (a "mailto:" link). While the email address link is hot pink, the phone link did not change color (see screenshot below). Any idea why the phone link won't change color and how I can make it hot pink? Thanks! --Ed Randall

 

 

IMG_0901.PNG

 

0 Likes
Highlighted

Hello 
Its looks that css is applied only for email and not for phone.

Please share your site url. So that i will check and let you know.

Want to modify or incorporate custom changes on store, Hire us
If helpful then please Like and Accept Solution .
Email: pallavi@oscprofessionals.com
Skype : oscprofessionals-87
Whats app
Free Website Review and advice for sale from Shopify Conversion Experts | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | Shopify SEO ; Digital Marketing & amp | Site Speed Optimization | Performance Site Audit
0 Likes
Highlighted
Globetrotter
702 65 82

can you give me link for your website? I will check on browser and let you know the CSS

you are welcome to contact me.
My email - suyash.patankar@gmail.com
0 Likes
Highlighted
Tourist
4 0 0
Highlighted

This is an accepted solution.

Hello 

Add this css at bottom
Online Store-> Themes -> Edit code->Assets->theme.scss.liquid

.site-footer__rte p a {
    color: #ff01de;
}
Want to modify or incorporate custom changes on store, Hire us
If helpful then please Like and Accept Solution .
Email: pallavi@oscprofessionals.com
Skype : oscprofessionals-87
Whats app
Free Website Review and advice for sale from Shopify Conversion Experts | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | Shopify SEO ; Digital Marketing & amp | Site Speed Optimization | Performance Site Audit
1 Like
Highlighted
Globetrotter
702 65 82
add this css to the end of your theme.scss file and we check

*.site-footer__rte a[href^="tel"]*
*{ color: #ff01de;}*
you are welcome to contact me.
My email - suyash.patankar@gmail.com
0 Likes
Highlighted
Tourist
4 0 0

Sorry it took me so long to respond, this worked like a charm! Thanks, Ed

0 Likes