Custom Header Banner

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!!