03/06/2015 at 8:46 am
#321838
Keymaster
@ Dani
This is not being caused by Connections, it is the way the theme is designed… I’ll try to explain.
The effect is because of the way the theme has styled the background image. The image will “stretch” based on the page content height. Since the Connections page is the longs the effect is more pronounced. You can see the effect on other pages of you site too. For example:
- Compare the home page with the Other Events page in tabs open side by side. The home page will have stretched the image more than the Other Events page because the home page is longer.
- Go to the FAQs page. Toggle the various FAQs, you’ll notice how the image will “stutter” when one faq is closed and the other is opened.
To avoid the image being skewed and distorted based on the browser window size add the following to the theme’s custom CSS area:
body.custom-background {
background-size: initial !important;
}
You could also try this instead:
body.custom-background {
background-size: contain !important;
}
Hope that helps!
