I have been searching the forum for an answer to my question but haven’t found it yet. I would like to use an image background in my header and a smaller png logo over top of it. How do I do that?
I used:
.site-header {background-color: rgba(100,100,100,0);
in my child theme style sheet and now all I need to do is align the background center. I have tried align:”center” – text-align:”center” and background-position: “center”
None of those worked…
everything is good except the background image is left aligned.
Okay, I got it. I was putting center for position instead of top center.
It is all behaving now since I finally got it right. The header was probably behind the content so I couldn’t see it was responding but needed the vertical position too.
Oh, one more thing… I would like to put a space at the top of the page above the header (margin-top) where can I do that? I tried a few times with no luck.