How to change hover color

Tagged: hover color, Parallax Frame

This topic has 7 replies, 3 voices, and was last updated 4 years, 2 months ago by meshellefae.

Viewing 8 posts - 1 through 8 (of 8 total)

Author

Posts
July 20, 2020 at 7:43 am #253516

yang
Participant

I want to change the hover color, it is currently color red and want to change it into color yellow (F0E68C). Can you help me how?

July 20, 2020 at 8:04 am #253521

yang
Participant

my site is https://lifepothesis.com/

July 20, 2020 at 8:54 am #253528
Skandha
Participant
@yang: Hello there,
Go to => Appearance => Customize => Additional CSS and add the following CSS Code.
```
a:hover {
    color: green !important;
}
```
You can change the color according to your choice.
Let me know if this work out!
Kind Regards,
Skandha
July 20, 2020 at 9:04 am #253531

yang
Participant

Yes, it works! But I have another question, can I change the default font color, its color red.

The menu colors in my page is red. Is it possible to change it? You can check my site menu here: https://lifepothesis.com/

July 21, 2020 at 3:39 am #253622
Skandha
Participant
@yang: Hello there,
Go to => Appearance => Customize => Additional CSS and add the following CSS Code.
```
.nav-primary .menu .current-menu-item > a {
    color: #1234ff;
}
```
You can change the color according to your choice.
Let me know if this work out!
Kind Regards,
Skandha
July 24, 2020 at 11:08 am #254002

yang
Participant

Hmm, it just changed the primary menu. I can still see red on other links, like the one I screenshotted. See image link below.Can I perhaps changed the color red in the image and the scroll up button?

https://www.dropbox.com/s/pt9p81q215lunwv/Capture.PNG?dl=0

July 25, 2020 at 1:34 am #254056
Skandha
Participant
@yang: Hello there,
Go to => Appearance => Customize => Additional CSS and add the following CSS Code.
```
a {
    color: #12f456;
}

#scrollup {
	color: #12f456;
	border-color: #12f456;
} 
#scrollup:hover {
	background-color: #12f456;
}
```
You can change the color according to your choice.
Let me know if this work out!
Kind Regards,
Skandha
September 29, 2020 at 12:20 am #260721
meshellefae
Participant
Hello! I tried using this CSS Code based on your answer to her here because I was also having issues with the hover color on my site:
```
a:hover {
    color: green !important;
}
```
It worked for most of my links…however the menu, down page, and search icons are all still orange instead of #43E095. Also, the hover background colors on the buttons as well as the “Continue Reading…” links on my services and blog posts are still orange. Please advise.
Author

Posts