changing asterisk color?

Open to all! Ask other shopowners for help.
Post Reply
Dnj1964
Member
Posts: 54
Joined: Fri Nov 06, 2020 8:27 pm
Phoenix Version:
Has thanked: 8 times

changing asterisk color?

Post by Dnj1964 »

Anyone tell me what to add to user.css to change the asterisk color.

<span class="form-control-feedback text-danger">
<i class="fas fa-asterisk">

Thanks


Join The Code Co-op to get access to your library in the Code Co-op Forum
User avatar
Kofod95
Senior Contributor
Posts: 748
Joined: Sat Feb 06, 2021 7:38 pm
Phoenix Version: 1.0.8.20
Has thanked: 99 times
Been thanked: 179 times

Re: changing asterisk color?

Post by Kofod95 »

As I remember it, the color comes from text-danger and has an !important;, so you need to target text-danger with an !important added. What you use to limit it to that asteriks alone, is up to you - I would probably go for the div just before the lines you have copied, just to make sure only to change that one

//Daniel
I'm not smart, but sometimes even a blind chicken can find a corn.
Here are a lot of corns: Phoenix user guide
heatherbell
Senior Contributor
Posts: 2540
Joined: Mon Oct 07, 2019 4:39 am
Phoenix Version:
Has thanked: 35 times
Been thanked: 243 times

Re: changing asterisk color?

Post by heatherbell »

Dnj1964 wrote: Fri Sep 24, 2021 7:33 pm Anyone tell me what to add to user.css to change the asterisk color.

<span class="form-control-feedback text-danger">
<i class="fas fa-asterisk">

Thanks

Code: Select all

.form-control-feedback.text-danger .fa-asterisk{ /* target element with class fa-asterisk that is descendant (could be child or grand-child) of element with class form-control-feedback and text-danger */
    color: blue !important; /* set font color */
}


Join The Code Co-op to get access to your library in the Code Co-op Forum
Post Reply