Okay
  Public Ticket #1600415
Stretch Logo
Closed

Comments

  • adgold86 started the conversation

    Hi there, I've just uploaded my new logo but I'd really like for it to be stretched across the top, like this:  http://www.samanthanicole.co.uk

    Is there a way of doing this?

    Thank you for all your support so far!

    Adam


  •  1,559
    Laborator replied

    Hi Adam,

    That is not possible through the options, but using Custom CSS you can achieve that: 

    .header-logo.logo-image {
        width: 100% !important;
        height: auto !important;
    }
    

    Best regards,
    Laborator Team


      Documentation         Join Kalium Users Group

  • adgold86 replied

    Thank you Art. I'm not very familiar with CSS but do I just go to 'Custom CSS' on the side menu? What would I do after that? Thanks, Adam

  •  1,559
    Laborator replied

    Hi Adam,

    In the admin area on the left side you have Custom CSS, we have explained in our documentation how to add CSS in Custom CSS and how it works.

    Best regards,
    Laborator Team


      Documentation         Join Kalium Users Group

  • adgold86 replied

    Thank you so much! it looks so much better! 

  • adgold86 replied

    just one more thing, how can I now make the logo a little smaller? i know beforehand I would just edit the pixel number where I'd originally upload the logo but that doesn't seem to be affecting it! 

  •  1,559
    Laborator replied

    Hi there,

    From the CSS code I gave you, you can manage the size of the logo, you can set it from 100% to 75% for example and to center it add a   margin: 0 auto; so the CSS code should look like this:

    .header-logo.logo-image {
        width: 75% !important;
        height: auto !important;
        margin: 0 auto !important;
    }
    

    Best regards,
    Laborator Team


      Documentation         Join Kalium Users Group