Archived topic
header image and logo
8 replies · Started by Janette on December 2, 2015
Hi,
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?
Thank you!
-Janette
Hi there,
If you have our add-ons you can add a header background using the Backgrounds add-on in "Customize > Background Images".
Then you can add your logo in "Customize > Site Identity".
Let me know if you need more info :)
SO now I have a background image over a color with the logo on top.
I would like the background image centered with no color behind it and the logo on top...
getting closer...
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.
-Janette
Awesome, glad you got it working! :)
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.
-Janette
Try this:
.site-header {
margin-top: 20px;
}