Link text changed on desktop, but not on mobile

Hello all,

We have the following section on our product pages, it’s from an app.

The default link text color was blue, not the pinkish one that all the other link texts have, so we went to the base.css file and added these lines of code:

div#potential-points-text a {
    color: #121212bf;
}

This works for desktop, but on mobile the link text color is still the default blue. Any ideas what else needs to change in order for the text link color to change on mobile as well?

We’re using the latest version of the Dawn theme (11.0.0) and the store URL is pkontopoulos.com.

Hello @PKontopoulos

Its Artzen Technologies! We will be happy to help you today.

I understood your problem and i have come up with a solution that will help you in achieving the desirable result.
Please Add yours css at the end of the base.css file. Refer to the below screenshot

Let me know if need further assistance
Regards,
Artzen Technologies

1 Like

hi @PKontopoulos

Its SideNode! We will be happy to help you today.

div#potential-points-text a {
    color: #121212bf;
  }

It seems that you’ve placed your CSS inside a media query. This might be the reason why your CSS isn’t working as expected on mobile views. To ensure that your CSS works consistently on both desktop and mobile views, try moving your CSS outside of the media query.

Could you please confirm if this solution helps? If you have any more questions, feel free to ask!

Let me know if need further assistance
Regards,
SideNode

1 Like

You added that code in a command, please move it at the bottom of the file

1 Like