Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • #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.

    #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

    #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

    #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.

    #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

    #252474
    quentin
    Participant

    Thanks Skandha !!
    Perfect…

    #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

Viewing 7 posts - 1 through 7 (of 7 total)
  • The topic ‘navigation colors’ is closed to new replies.