Skip to main content

Background Issue

If you look at one of my blog pages (http://sekconservatives.nationbuilder.com/videos) you'll see that my background images end long before my content, therefore they don't align with the footer images, like on this page http://sekconservatives.nationbuilder.com/about I've spent several hours looking through the code and trying different CSS techniques. Is there anyway to make the backgrounds for the "middle" and "content_wrap" not static, or not scroll, while the blog posts themselves do scroll? I'm sure that I'm simply overlooking something simple, but it's been a ling day. Thank you for your assistance.

Official response from

Hello Danny,

Most themes come with a background setting that does just that using javascript. The code is usually in the footer in the layout.html file, and looks like this:

{% if site.has_background_image? %}
<script type="text/javascript" src="/javascripts/jquery.backstretch.min.js"></script>
<script type="text/javascript">
$j.backstretch("{{ site.background_image_url }}", {speed: 0});
</script>
{% endif %}

You may find it easier to switch to a theme that has that already if you aren't familiar with the HTML/JS.

Thanks.

Share this post

Showing 1 reaction

How would you tag this suggestion?
Please check your e-mail for a link to activate your account.
Back to top