Important:
This support area is for Kalium 3 users only. Support for Kalium 4 has moved to our new platform at support.laborator.co. If you’re using Kalium 4, please create a new account there using your email and license key. A password will be sent to you automatically.

Okay
  Public Ticket #2263544
Footer doesn't end and menu box colour
Closed

Comments

  •  5
    NomadDani started the conversation
    January 7, 2020 at 6:45am

    Hi,

    I've got two questions and I hope you'll be able to help me.

    1: When I scroll down my website, it doesn't stop at the footer but it keeps going down where there's nothing to show. How can I fix it?

    2: Is it possible to have the boxes of a sub menu transparent or with just the borders highlighted? So getting rid of the black inside of them?


    Thanks a lot,


    Daniele

  •  1,561
    Laborator replied
    January 7, 2020 at 7:47am

    Hi Daniele,

    1. I will need to see your site live and check what the content below the footer can be, as this is not a known issue for us and it can be caused by a 3rd party plugin.

    2. Add this CSS to Custom CSS to add a border and background to the sub-menus: 

    .standard-menu-container div.menu>ul ul, .standard-menu-container ul.menu ul {
    border: 1px solid #000 !important;
    background: #FFF !important;
}
.main-header.menu-type-standard-menu .standard-menu-container div.menu>ul ul li a, .main-header.menu-type-standard-menu .standard-menu-container ul.menu ul li a {
    color: #000 !important;
}
.standard-menu-container.menu-skin-dark div.menu>ul ul li a:after, .standard-menu-container.menu-skin-dark ul.menu ul li a:after {
    background-color: #000 !important;
}

    Best regards,
    Laborator Team

      Documentation         Join Kalium Users Group

  •  5
    NomadDani replied
    January 7, 2020 at 8:10am

    Hi Art,


    Thank you for your quick reply! 

    At the moment, I'm building my website locally so I don't think you'll be able to access it. I'll have a look at the plug ins I'm using to see if there's something wrong with them.

    Thank you for the custom CSS. In order to have the sub-menus transparent, or to change their opacity, do I have to adjust the css code?


    Thanks a lot,

    Daniele

  •  1,561
    Laborator replied
    January 8, 2020 at 8:35am

    Hi Daniele,

    Then let us know when you put the site online and we will check what the problem could be.

    Regarding the transparency of the sub-menu then use this CSS instead of the previous one:

    .standard-menu-container div.menu>ul ul, .standard-menu-container ul.menu ul {
    background: rgba(255,255,255,0.5) !important;
}
.main-header.menu-type-standard-menu .standard-menu-container div.menu>ul ul li a, .main-header.menu-type-standard-menu .standard-menu-container ul.menu ul li a {
    color: #000 !important;
}
.standard-menu-container.menu-skin-dark div.menu>ul ul li a:after, .standard-menu-container.menu-skin-dark ul.menu ul li a:after {
    background-color: #000 !important;
}

    To tweak the transparency change this line:

    background: rgba(255,255,255,.5) !important;

    Where the 0.5 indicates the value from 0 to 1 of the box transparency.

    Best regards,
    Laborator Team

      Documentation         Join Kalium Users Group

  •  5
    NomadDani replied
    January 15, 2020 at 3:27am

    Hi Art,


    Thanks a lot for the reply! Very useful! I was wondering, if I want the box to be a specific colour, regardless on the colour of the text inside, which line do I have to work on?


    Thanks

  •  1,561
    Laborator replied
    January 22, 2020 at 7:41am

    Hi again,

    It is the first line:

    background: rgba(255,255,255,0.5) !important;

    The color is 255,255,255 which is a RGB color  code while the 0.5 indicates the transparency of that color.

    Best regards,
    Laborator Team

      Documentation         Join Kalium Users Group