Forum Replies Created
-
AuthorPosts
-
northkMember
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!
-NorthKnorthkMemberSusan, thanks I'll try that!
-NorthKnorthkMemberSusan, 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.
northkMemberAlso it looks like I might need to generate my own class name since .wrap is already being used for other purposes.
Thanks.
northkMemberHi 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.
-
AuthorPosts