Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • #364731

    Good day,

    I’m trying to modify the css of an active link in the main menu and I can’t seem to get there.
    I used the new styling options of the main menu with a border.

    I inserted this code in the custom css and nothing happens :
    /*——————————-active link menu—————————- */
    .header_color .main_menu ul:first-child > li.current-menu-item > a:active, .header_color .main_menu ul:first-child > li.current_page_item > a:active {
    color: #732b2d !important;
    border-color: #732b2d #732b2d !important;
    }

    Basically, I would like to have the same css as when you hover over the menu links when the link is active. This is the CSS when I hover over the menu:
    #top #header .av-main-nav > li:hover > a {
    color: #732b2d;
    background-color: #ffffff;
    }

    Thank you.

    #364737

    Hey futemarketing!

    Please add following code to Quick CSS as well

    .header_color .main_menu ul:first-child > li.current-menu-item > a, .header_color .main_menu ul:first-child > li.current_page_item > a, .header_color .main_menu ul:first-child > li.active-parent-item > a {
    color: #732b2d;
    background-color: #ffffff;
    }

    If that does not work, please post the link to your website

    Cheers!
    Yigit

    • This reply was modified 10 years ago by Yigit.
    #364750
    This reply has been marked as private.
    #364753

    Hey!

    You can use (Email address hidden if logged out) but please post login credentials here privately so any avaiable moderator can look into it.

    Best regards,
    Yigit

    #364755
    This reply has been marked as private.
    #364760
    This reply has been marked as private.
    #364761

    Hey!

    > sign was converted to – http://i.imgur.com/IDXRZQ3.png in Quick CSS field. Fixed it and adjusted the code a bit and it works fine now. Please review your website

    Cheers!
    Yigit

    #364765

    Awesome Mr. Yigit. Works perfectly. Thank you very much and have an excellent day.

    #364772

    Hi!

    You are welcome, glad we could help :) Let us know if you have any other questions or issues.
    You too have an excellent day!

    Best regards,
    Yigit

Viewing 9 posts - 1 through 9 (of 9 total)
  • The topic ‘How to modify the CSS of an active link?’ is closed to new replies.