issue with fancy heading background image

[Tahir – SUPPORT]

I have assigned this thread to Ed . He will likely get back to you with a fix and an update.

@bobby : Can you please confirm that “Instead of “background-size: 100%;”, it needed “background-size: cover;” ” fixes the issue ?.

Thanks
Tahir

[Swift Ideas – Ed]

Hey guys,

We change the fancy heading setup to a different plugin in v1.2, can you please check it and confirm it’s fixed?

Thanks,

– Ed

[Bobby B.]

@tahirmarvi Yes, cover does seem to fix the problem.

Checking on the new version of the theme…

[Bobby B.]

@swiftideas (Ed), it fixes things somewhat. The image is centered now, but it is still way too large. See screenshots below of what it looks like with your update and what it looks like with my custom CSS.

[aaa_webmaster]

After updating the theme I get this Error:
Warning: Unexpected character in input: ‘’ (ASCII=8) state=0 in /data/web/1/000/080/470/331475/htdocs/wordpress/wp-content/themes/dante/includes/sf-theme-functions.php on line 135

I know – it is another topic – should i open another thread?

[Swift Ideas – Ed]

Can you confirm what you changed? We don’t have this issue here on our demo site so would like to be able to replicate the issue!

Thanks,

– Ed

[aaa_webmaster]

Are you asking me? I just tried to update the theme.
1. I deleted the theme folder and uploaded the new one: Same Error
2. I activated a new theme, uninstalled the Dante theme, uploaded the new Dante theme and activated again: Same Error.

Am I doing something wrong?

P.S. Setting an API Key was successfull

[Swift Ideas – Ed]

Hi @aaa_webmaster,

Sorry, wasn’t referring to you.

Apologies for that error, have fixed it for the next update!

– Ed

[Bobby B.]

Ed, here is the CSS that I put into my custom stylesheet that fixes the problem:

.page-heading.fancy-heading {
	background-attachment: local;
	background-color: #343538 !important;
	background-position: center center !important;
	-moz-background-size: 100%;
	-webkit-background-size: 100%;
	background-size: cover;
	background-repeat: no-repeat !important;
	text-align: left;
	padding-top: 120px;
	padding-bottom: 120px;
	display: none;
}

[Swift Ideas – Ed]

But then you don’t get the parallax effect? I still can’t see an issue on our site with our fancy headings on Firefox, on our demo site.

– Ed

[Bobby B.]

Oh yeah. Didn’t notice that. Please advise.

[Swift Ideas – Ed]

Can you revert the code, so that I can take a look and provide a better fix?

– Ed

[Swift Ideas – Ed]

Or provide me the image you used and I’ll test it out here.

– Ed

[Bobby B.]

Code has been reverted.

[Swift Ideas – Ed]

Showing fine in Firefox here? https://www.dropbox.com/s/l0rdnd3v5n27u99/Screenshot%202013-12-21%2009.32.56.png

– Ed