Possible to use any of the CSS Combinators between content areas?

[Redwood100]

Hi,

I’m trying to update an image in content area #2 when hovering on text in content area #1, but I can’t get it to work with any of the CSS combinator types… because of the nested DIVs?

I’m using this example as reference, with “HEADING” in one content area and the image in another. http://jsfiddle.net/3z8CN/

I’m sure folks are doing this all the time between columns, content areas, etc. but I can’t find any examples in the forums.

Thanks!

[friech]

Hi Jason,

Thank you for writing in, you can add that both div in one content area and you can copy that custom CSS to the Page CSS area

<div id="headingtext">HEADING</div>
<div id="imgDiv" style="height:500px"></div>

If that does not work, please provide us a direct page URL where we can see what you did so we can take a closer look.

Cheers!

[Redwood100]

Thanks for the response!

I wasn’t able to get the above to work (I need the heading text to be in a different content area than the image, and I couldn’t get any of the CSS Combinators to work through the multiple nested divs that exist between content areas.

I did manage to hack together some JQuery that worked, though, so all is good!

Thanks again for your reply.

Jason

[friech]

Glad you sorted things out,

Cheers!