How to I right justify my header image
-
On my blog: highperformancegiving.com I want to right justify the image header (the Hutchens Law Firm logo). Right now it is centered. I know it has something to do with a custom CSS code, but I can’t figure out what the code it.
The blog I need help with is: (visible only to logged in users)
-
Howdy,
You should be able to use this CSS code to push your header image to the right:
.site-header img {
padding-left: 700px;
}You can change the padding to whatever you would like to position the header image.
Let me know if you have any additional questions!
Best,
Jeremey
-
Thank you so much, I knew I could do it with the custom CSS code, but wasn’t sure what the code it. Now I am looking for the code to have the logo moved up to the top of the page directly across from the title.
Any help for me with that?
Thanks in advance :-)
-
Hi there,
Can you give this a try?
.site-header img {
padding-left: 700px;
position: relative;
top: -80px;
}h1.site-title {
width: 700px;
position: relative;
top: 30px;
}h2.site-description {
width: 700px;
position: relative;
top: 30px;
}It should look like this when implemented. I had to change some things with the site title to make it all fit and look even.
Let me know if you need anything else!
Best,
Jeremey
-
-
Not a problem! Glad we were able to get this figured out. Let me know if you need anything else!
Cheers,
Jeremey
- The topic ‘How to I right justify my header image’ is closed to new replies.
