Support » Theme: Coldbox » Change header image size

  • Resolved quiltsbylaurel


    On the linked page, the header image is 980×100. How can I make the image space taller to accommodate the whole image?

    The page I need help with: [log in to see the link]

Viewing 3 replies - 1 through 3 (of 3 total)
  • Theme Author Toshihiro Kanai


    Hi there!

    You can adjust the value of max-width for class .site-logo img. Default is 230px, so you can make it more than that to show a larger image in there.

    For example:

    .site-logo img {
    max-width: 480px; // Adjust this value as you need.

    That’s the logo that you’re referencing. I’m talking about the header image that goes all the way across the top. It’s only 100px tall though and I need that dimension to be larger.

    Theme Author Toshihiro Kanai


    Ah okay, so with that way you’ll have the whole header taller. You can use the following:

    .header {
      height: 200px // your desired value here.
    .header-inner {
      height: 100%;

    It might be broken on somewhere (I can’t really test all possible situations for this particular customization), so you can fix that on your own if there’s any.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Change header image size’ is closed to new replies.