[northk]

Susan, it works! (of course you knew that 🙂 Thanks so much. I should have thought of doing it that way, but I got stuck thinking there was only one way to solve the problem. Only change I made was to make the background color transparent for .wrap:

@media only screen and (min-width: 1024px) {
	.site-inner {
		max-width: 100%;
		background-image: url(images/body-background-2.jpg);
		background-repeat: no-repeat;
		background-position: right top; 
	}
	.site-inner .wrap {
		background: transparent;
	}
}

Thanks again!
-NorthK

[northk]

Susan, thanks I'll try that!
-NorthK

[northk]

Susan, I thought about doing what you are suggesting-- basically apply all the styles used by .site-inner into .wrap, and then apply my own CSS to .site-inner. But the problem is that both .site-inner and .wrap have a lot of css applied in the Genesis Sample style sheet already, including in the media queries. And .wrap is used in other places in the theme.

So I think it might be pretty complicated to do this. I was hoping a simpler solution. Thanks though. Does anyone else know a way to generate my own wrapper code as I'm proposing?

Thanks.

[northk]

Also it looks like I might need to generate my own class name since .wrap is already being used for other purposes.

Thanks.

[northk]

Hi Susan,

Thanks for writing back. What I'd like to do is a little different-- the <div class="wrap"> should enclose the <div class="site-inner">, rather than the other way around. I've read the Genesis tutorials and tried the structural wraps code, but it doesn't seem to cover this scenario.

Any ideas?

Thanks.

[Author]

Posts