Okay
  Public Ticket #3073204
Main Menu options
Closed

Comments

  • vbertram1987 started the conversation
    June 27, 2022 at 2:32pm

    Hi, on the main menu there is no function to change the font colour or the hover/selection colour? 

    Also on the buttons option there is no option to add rounded corners on the Laborator button, only on the WP one where you can't add a custom colour.

    Thanks

    Vickie 

  •  1,559
    Laborator replied
    June 28, 2022 at 8:29am

    Hi Vickie,

    We're in the process of changing the skin functionality so at the moment the colors and hover colors may not work properly and they are not so user friendly. I can give you a custom CSS code to change these parts, could you let us know on which part of the site you want exactly to make these changes (button) and if possible include the color you want to apply to the menu.

    Also the login credentials don't seem to be working, and the site is on coming soon mode.

    Best regards,
    Laborator Team

      Documentation         Join Kalium Users Group

  • vbertram1987 replied
    July 2, 2022 at 1:31pm

    Hi Art,

    I would like to change the menu font colour to black and the hover colour to #bd9655.

    The button is the button you use throughout the theme, but i would like to have this as a custom colour - #811712

    I will send you the logins.

    Thnaks

    Vickie

  •   vbertram1987 replied privately
  • [deleted] replied
    July 4, 2022 at 7:16am

    Hi Vickie,

    Art is out of the office so I will reply to your ticket.

    1— I changed the color to black (see video), then to change the hover color as you wanted, I added those CSS codes to your Custom CSS area:

    .standard-menu-container.menu-skin-dark .menu>ul>li>a:hover, .standard-menu-container.menu-skin-dark ul.menu>li>a:hover {
    color: #bd9655;
}
.standard-menu-container.menu-skin-dark .menu>ul>li>a:after, .standard-menu-container.menu-skin-dark ul.menu>li>a:after, .standard-menu-container.menu-skin-light .menu>ul ul li a:after, .standard-menu-container.menu-skin-light ul.menu ul li a:after {
    background-color: #bd9655;
}

    2— You can design them inside the Button Settings. See example: https://d.pr/v/wcKy1K

    Have a nice week!