Support » Theme: Decode » Custom Header Banner

Viewing 10 replies - 1 through 10 (of 10 total)
  • It looks pretty large to me. Do you still want the image larger?

    I’m sorry I took the smaller one down. I’ll put it back up again. The one you saw wasn’t the one I wanted to keep up.

    Ah, so you’ve moved the header text up 38 pixels, but now the site image is being overlapped. What I would do, instead of raising the position of the header is add a margin to the bottom of it like this:

    .site-title { margin-bottom: 38px; }

    You can easily add this CSS to your blog in Appearance > Customize > Other Options and copy in that CSS into the “Custom CSS” field. Be sure to remove the top: -38px; CSS from wherever you put it.

    Actually, I’m trying to make the site image the header in place of the font. I don’t want the image to be raised. I want the image to be the header..if possible. Every time I attempt to make it the header though it turns out like a tiny image. I’ll bet that was as clear as mud.

    I want the font to go away and the image to be bigger and be the header.

    I actually made it clearer for you and went back to the site and took away the script font so you should see my thought process easier. 🙂

    I’m trying to enlarge that image and not sure how to make that image larger. Sorry!!

    .site-logo {
    margin: 0 auto 2%;
    max-height: 8.5em;
    opacity: 1;
    transition: opacity 0.5s ease-out 0s;
    width: auto;

    change or remove the max-height in the code above-in style.css

    Well, don’t change anything in style.css, but use the Custom CSS field in the Other Options section of the Customize menu and add .site-logo { max-height: 8.5em; } and replace that number with whatever you think looks best.

    yes, of course, always use the custom css!

    It worked like a charm!! I am not good with code and .css, I know just enough to get done what I need done. 🙂 You made it easy and effortless! And I LOVE my theme! Thank you!!

Viewing 10 replies - 1 through 10 (of 10 total)
  • The topic ‘Custom Header Banner’ is closed to new replies.