Hi, I'm building out a Zen theme and have hit on a snag with Panels pages. The non-Panels pages are displaying properly, but I'd like to add a image to draw distinction between the two panels. I want to place a center-aligned background image in #content-area-inner only on Panels pages.

I first attempted to add a background image to .panel-2col .panel-col-last. This works, however, there is a gap between the panel and #content-area-inner. I thought of a relative position and padding, however, that would require the column be assigned absolute height which won't work. Besides, that's kind of klunky, the best way is to simply target #content-area-inner on only the Panels pages.

Next I looked into CSS parent/child relationships. It would be relatively simple to select the child:
#content-area-inner > .panel-2col .panel-col-last {blah, blah, blah}
however, there is no way I know to select the parent.

I then copied panels-twocol.tpl to my theme folder and added another CSS file. This failed also, for Panel's css files are added to every page by design.

I'm out of ideas. If anyone has any insight how to solve my problem, I'd be very grateful. Thanks!

-NP

Comments

akalata’s picture

akalata commented
Status: Active » Closed (fixed)

Closing this old issue as because it appears to be an isolated support request. NonProfit, if this is still an issue, please reopen and update us on your progress.

nonprofit’s picture

nonprofit commented

Truthfully, I'd forgotten about it. Sorry! I don't do much with Panels anymore, a closed status is fine. Thanks for cleaning up the issue que! -NP