Centering my custom header image

hayleyanngrade · Member · Oct 30, 2013 at 8:51 pm
Copy link

Add topic to favorites
I need help centering the header image I created. Currently it just sits on the left side of the blog and it does not look the way I would like it to. I have the css option, but have never used it and so far I have not found a solution to this problem.

Please help!

The blog I need help with is: (visible only to logged in users)
thesacredpath · Member · Oct 30, 2013 at 11:35 pm
Copy link
Hi there, to center your header image, go to Appearance > Customize > CSS, delete the informational text and add the following CSS.
```
.container_24 .grid_12 {
    width: 100% !important;
}
#headimg {
    max-width: 470px;
    margin-right: auto;
    margin-left: auto;
}
```
hayleyanngrade · Member · Oct 31, 2013 at 12:19 am
Copy link
That worked! Thank you!!
thesacredpath · Member · Oct 31, 2013 at 5:09 pm
Copy link
You are welcome.
hayleyanngrade · Member · Oct 31, 2013 at 8:27 pm
Copy link
I love the theme I chose and I don’t want to give it up! But…it’s restrictions on the size of my header image is keeping me from creating the look I am hoping for. Does CSS give me the option to increase the size of the header?

The blog I need help with is taggfundraising.wordpress.com.
thesacredpath · Member · Nov 1, 2013 at 4:53 pm
Copy link
Info way has a flexible header design and you can upload and use any size header you desire. Prepare the header image, go to Appearance > Header and upload it and click the “Skip Cropping and Publish Image as Is” button. I would suggest not going over 950px in width, which is the width of the inner header/content container.
thesacredpath · Member · Nov 1, 2013 at 4:55 pm
Copy link
Oh yeah, and remove the CSS I gave you earlier if you go with 950px in width. If you go less than that, leave the code in, but change the 470px max-width value to match the width of your image in the following CSS.
```
#headimg {
    max-width: 470px;
    margin-right: auto;
    margin-left: auto;
}
```

No items found.