Header bug – Sundance

biomike1 · Member · Mar 12, 2014 at 5:44 pm
Copy link

Add topic to favorites
I was just trying to change my header image and replace it with an identical size one 984x124px and the crop box is half the width size.

Tried changing CSS code and that hasn’t helped.

#header {
width: 984px;
height: 124px;
}

WordPress chat rep thought that because my header image is not standard size 984 x 242 that could be the problem. However my current header is 984×124. So they suggested maybe a bug so reported it for a fix. They then suggested i speak to you guys about CSS

Any ideas please.

The blog I need help with is: (visible only to logged in users)
biomike1 · Member · Mar 12, 2014 at 5:45 pm
Copy link
The blog I need help with is in fact wildforestgym.wordpress.com.
thesacredpath · Member · Mar 13, 2014 at 2:30 am
Copy link
Hi, I set Sundance on my test site and successfully uploaded and set a 984px x 242px header image. Can you try uploading the image again at Appearance > Customize > Header and click the “skip cropping” button when inserting it?

Also, can you post a link to the image you uploaded that you were trying to use?
thesacredpath · Member · Mar 13, 2014 at 2:51 am
Copy link
Ah, now that I’ve worked with it a little more, I see that you get the “skip cropping” only the first time you upload a header image. The following CSS will allow you to use a 124px tall header image. Replace URL_OF_IMAGE between the quote marks with the URL of your uploaded 984px x 124px image.
```
.site-header {
	background: url("URL_OF_IMAGE") no-repeat scroll bottom center;
	max-height: 124px;
}
.site-header img {
	visibility: hidden;
	max-height: 124px;
}
```
biomike1 · Member · Mar 13, 2014 at 10:00 am
Copy link
Thanks The Sacred Path resolved. However, I am confused as to why this has been an issue as the previous header was the same size.
thesacredpath · Member · Mar 13, 2014 at 8:59 pm
Copy link
I’m doing more testing on this and will discuss things with the developers. It seems like the “use as is” shows up as an option the first time you set a header, but not after that. Sundance is listed as supporting a flexible header (features list at right on Sundance theme showcase page) but it does not mention it in the description or in the “Quick Specs” at the bottom of the showcase page.
biomike1 · Member · Mar 17, 2014 at 3:39 pm
Copy link
FYI I have received an email from WordPress stating that problem has been fixed.

Thanks once again.

One other quick question. If you look at the right side bar the right margin is a bit close to the border. What CSS will I need to adjust it?
thesacredpath · Member · Mar 17, 2014 at 9:33 pm
Copy link
Hi, the following is what i would suggest which evens out the left and right whitespace in the content area. See what you think on this.
```
.hentry {
    margin-left: 50px;
}
#content {
    margin-right: 40%;
}
.site-content {
    margin-right: -30%;
}
#secondary {
    margin-right: 5%;
}
```

No items found.