Hi there!
I want to change the text color from pink to white when hovering over my button: https://taneraskin.com/pages/about
How do I do it? I tried to add “color: #ffffff;” to this code in component-rte.css but it didnt work…
a[href=“/kp-guide/”] {
padding: 10px 20px;
background-color: transparent;
border-radius: 0px;
border: 1px #C43B78 solid;
text-decoration: none;
text-align: center;
cursor: pointer;
transition: all 0.1s ease-in-out;
}
a[href=“/kp-guide/”]:hover {
background-color: black;
border: 1px #111111 solid;
color: #ffffff !important;
trans
Best,
Isabelle
1 Like
Hi @isabellemaria ,
As what I understand, you want to change the text color of the button to white instead of pink. It looks like your code is working as intended.
1 Like
hello there
It looks like you’re on the right track with your code. Try adding the following to the a[href=“/kp-guide/”]:hover block in your CSS:
color: #fff;
This should change the text color to white when hovering over the button. Make sure to remove the !important tag as it may be interfering with the styles.
Also, make sure that your CSS file is properly linked to your website and that the changes are being saved and uploaded correctly.
