navigation colors

This topic has 6 replies, 2 voices, and was last updated 4 years, 4 months ago by Skandha.

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

Author

Posts
July 9, 2020 at 2:06 am #252430

quentin
Participant

Hi everyone, i have one question.

Is it possible to chnage the colors of the navigation arrow and round point on the right side of the Homepage ?
I mean, the color is grey, and when the mouse hover the button, the color will change to another gradient.

Thanks for all.

July 9, 2020 at 4:30 am #252431
Skandha
Participant
@quentin: Hello there,
Go to => Appearance => Customize => Additional CSS and add the following CSS Code.
```
/* To change the color nav arrows and dots on the right */
body #fp-nav ul li a span {
    background-color: #f23456 !important;

}
.arrow-up {
    border-bottom-color: orange !mportant;
}
body #fp-nav ul li a.active span {
	background-color: #fff !mportant;
}
.arrow-down {
    border-top-color: yellow !mportant;
}
```
You can change the color according to your choice.

Let me know if this works out!
Kind Regards,
Skandha
July 9, 2020 at 5:27 am #252449

quentin
Participant

Hi Skandha,

It’s almost perfect, But How can i chnage the color when mouse hover the dot ?

In your example, all dots are red, if a put the mouse on a dot, there are still red. is it possible to make them change ?

Thanks

July 9, 2020 at 5:39 am #252451

quentin
Participant

I think i found it.
I dont know why, but if i suppress the !important label, that’s work.

Thanks Skandha !!

I’m gonna post a review on the page right now.

July 9, 2020 at 6:14 am #252453
Skandha
Participant
@quentin: Hello there,
Go to => Appearance => Customize => Additional CSS and add the following CSS Code.
```
body #fp-nav ul li a:hover span {
	background-color: blue !important;
}
```
Let me know if this works out!
Kind Regards,
Skandha
July 9, 2020 at 8:10 am #252474

quentin
Participant

Thanks Skandha !!
Perfect…

July 9, 2020 at 8:33 am #252479

Skandha
Participant

@quentin: Hello there, I hope I was able to resolve your issue. If it’s not too much trouble, I have a quick request: could you please leave an honest review?
https://wordpress.org/support/theme/catch-fullscreen/reviews/#new-post
Your review will help others know what to expect when they’re looking for the support I offer. Even a sentence or two would be hugely
appreciated. Thanks, and if there’s anything else at all that I can do to help, don’t hesitate to let me know. Have a good day! 🙂

Kind Regards,
Skandha
Author

Posts