Support » Theme: Coldbox » Change header image size

  • Resolved quiltsbylaurel

    (@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

    (@mirucon)

    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:

    `css
    .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

    (@mirucon)

    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)
  • You must be logged in to reply to this topic.