Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • Pankaj Sharma Moderator
    #1074167

    Hi
    Add below code in custom.css file

    .t3-megamenu > ul > li > .mega-dropdown-menu {
        border: 2px solid #f87831}
    .address-list li a {
        border-bottom: 1px solid #f87831;
    }

    change the color code as per needs.

    Regards

    alex_feng Friend
    #1074358

    Thank you Pankaj
    Want I want to change is not only the color of border-bottom bar of the email but also the email text colors before and after mouse over. Please advise. Thanks.

    Pankaj Sharma Moderator
    #1074374

    Hi
    The submitted site URL is not working: http://prntscr.com/hal510
    You can apply code in custom.css file

    .address-list li a {
    color:#000
    }
    
    .address-list li a:hover, .address-list li a:focus {
        color: #f87831;
    }

    Regards

    alex_feng Friend
    #1074423

    Hi Pankaj
    Sorry for the typo on the URL.
    I added the codes to custom.css but it does not work. I think the original css code is located on line 82 of template.css (please see the attachment)
    Is there any way to add codes on custom.css instead of modifying template.css directly?


    1. temp-css-82
    Pankaj Sharma Moderator
    #1074435

    Hi
    The hover code is working on your site: http://prntscr.com/hani8k
    The codes that will not override by custom.css file, kindly add !important at end of code.
    Example:

    .address-list li a {
    color:#000!important;
    }

    Regards

    alex_feng Friend
    #1074560

    Yes, it works. Thank you so much!!

    Pankaj Sharma Moderator
    #1074628

    You are welcome!
    If you have any question in future, do not hesitate to open a new thread on forum.

    Regards

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

This topic contains 7 replies, has 2 voices, and was last updated by  Pankaj Sharma 6 years, 5 months ago.

The topic ‘dropdown menu outline color’ is closed to new replies.