Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • October 22, 2020 at 1:24 pm #263459
    quigon313
    Participant

    Underneath the menu, depending on the page you’re on, there’s an orange line. In inspect mode it comes up to be a::after. I’m trying to change the color if it by adding in additional css. My css looks like

    a::after {color:lightblue}

    But that doesn’t change anything. a::after might be the wrong thing to use, but it’s all I can find to reference the orange bar in inspect.

    October 22, 2020 at 10:00 pm #263475
    Skandha
    Participant

    @quigon313: Hello there,
    Go to => Appearance => Customize => Additional CSS and add the following CSS Code,

    .menu-inside-wrapper .main-navigation .nav-menu .current_page_item > a::after {
    background-color: aqua !important;
}

    You can change the color according to your choice.
    Let me know if this works out!
    Kind Regards,
    Skandha

    October 23, 2020 at 10:23 am #263540
    quigon313
    Participant

    That worked great, thanks so much!

    October 23, 2020 at 10:13 pm #263581
    Skandha
    Participant

    @quigon313: 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/photofocus/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
Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘The orange line underneath the menus icons’ is closed to new replies.