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 #3331255
header settings
Closed

Comments

  • Adam started the conversation
    March 23, 2023 at 6:04pm

    We would like to have a header image that spans the full width of the browser with the logo and menu items on top. I cannot figure out how to make this happen.

    Thanks for your help with this.

  • [deleted] replied
    March 24, 2023 at 7:49am

    Hi Adam,

    Please add the code below to your Custom CSS area:

    .header-block {
    background-image: url(https://www.wysetc.org/wp-content/uploads/sites/23/2019/09/header-small.jpg) !important;
}

    Then just change the URL that I gave to your image URL.

    Have a nice weekend!

  • Adam replied
    March 24, 2023 at 7:10pm

    Two additional requests for this code. We would like it just on the front page. And the image was huge. How do we fit it to the width of the browser?

    Thank you.

  • [deleted] replied
    March 27, 2023 at 7:37am

    Hi Adam,

    To add the CSS code for a page only, you can add the CSS code in the Parameters and Options area > Custom CSS.

    As for the size, please add the "background-size: contain;" in that code or "background-size: cover;" and experiment with it until you are happy with the results (read more).

    Have a nice day!