Okay
  Public Ticket #1658920
Menu and links color
Closed

Comments

  • jessboyce started the conversation

    Hi,

    I am wanting my menu items and links to show as different colours.

    I would like my menu to remain blue like in the screenshot, but the links to be another colour. 

    They seem to both be controlled by the same 'links' item on the skin builder.

    Thanks!

  •  1,559
    Laborator replied

    Hi there,

    I would need the site credentials to see it live but you can try adding this CSS to Custom CSS, it should do the job:

    .main-header.menu-type-standard-menu .standard-menu-container div.menu>ul>li>a, 
    .main-header.menu-type-standard-menu .standard-menu-container ul.menu>li>a {
        color: #1502ff !important;
    }
    .main-header.menu-type-standard-menu .standard-menu-container div.menu>ul>li>a:after, 
    .main-header.menu-type-standard-menu .standard-menu-container ul.menu>li>a:after {
        background-color: #1502ff !important;
    }
    

    If you don't know how to add Custom CSS, follow this guide in the theme documentation. You can select the color for the links in your site how you want and that color won't be applied in the menu now.

    Best regards,
    Laborator Team


      Documentation         Join Kalium Users Group

  • jessboyce replied

    Hi Art,

    Thanks for the CSS, that did the job.

    The problem now is that I had the front page logo and header as a different colour by doing a custom menu skin, which the skin is now blue again. Is it possible to provide additional css that can either rectify this, or alter the first CSS so it doesn't override this setting? 

    Thanks!

  •   jessboyce replied privately
  •  1,559
    Laborator replied

    Hi there,

    Are you still facing these styling problems, because as I could see the dropdown is in blue and the header and menu in homepage are set to white.

    Best regards,
    Laborator Team


      Documentation         Join Kalium Users Group

  • jessboyce replied

    Hi sorry. I removed the custom css temporarily to allow the menu to go back to blue/white but the links are now of course blue again. So yes am still needing to resolve this issue.

  •  1,559
    Laborator replied

    Hi there,

    I've added this CSS to Custom CSS so your links will change from blue to gray:

    a {
        color: #555;
    }
    

    You can chose the color you want to use now.

    Wishing you a great weekend.

    Best regards,
    Laborator Team


      Documentation         Join Kalium Users Group

  •   jessboyce replied privately
  •  1,559
    Laborator replied

    Hi there,

    I've added some Custom CSS and it has been changed to white.

    Have a nice weekend!

    Best regards,
    Laborator Team


      Documentation         Join Kalium Users Group

  •  5
    Andrew replied

    I added the custom css to make my menu a different color than my links and it worked, but now my menu no longer has the animated underline effect. Not a big deal, but would be nice to get that back.

  •  1,559
    Laborator replied

    Hi there,

    The underline seems to be there, if you are talking about this site.

    Best regards,
    Laborator Team


      Documentation         Join Kalium Users Group