Hi there,

I recently upgraded to the latest version of Panels and was excited to see region CSS options as a new feature. I played around with it but then decided to stick with individual pane CSS theming.

I also Optimised my CSS in the Performance settings.

This problem may or may not be connected to that but I thought I'd jot it down in case. I have now reverted back and disabled Optimised CSS, but the problem persists.

Basically my Regions are taking on the CSS of the panes within them. So I've added padding and a border and now the region has that padding and border and the pane inside it has that padding and border. I haven't added the CSS class to the Region, and if you go into the display settings and look, the region CSS is empty. Yet if you firebug it the Region also has the same CSS id.

It has happened to all my panel pages. The region has taken on the CSS of the panes within it.

Any help as to why this has happened would be great. Any further information I can give please let me know.

You can see the problem if you go to: http://www.raggedwords.com and look at the right sidebar.

thank you so much in advance

Thomas

Comments

thomasmuirhead’s picture

thomasmuirhead CreditAttribution: thomasmuirhead commented

I tried adding in a region CSS to see if that would overide it. The region CSS ID doesn't appear in Firebug at all - it seems to be overridden by the Pane CSS.

You can see this here: http://www.raggedwords.com/content/top-100-albums-2000s

The top box has a region CSS ID of aregionpanel and a Pane CSS ID of apanel
but apanel shows twice.

merlinofchaos’s picture

merlinofchaos CreditAttribution: merlinofchaos commented
Status: Active » Closed (works as designed)

I suspect there may be a misunderstanding. CSS you add in a pane will not actually be specific to that pane; the CSS is simply added to the pool of CSS. You will need to make sure it uses proper classes, IDs and selectors in order to appear for just that pane.

merlinofchaos’s picture

merlinofchaos CreditAttribution: merlinofchaos commented
Component: Display rendering » Documentation
Category: bug » task
Status: Closed (works as designed) » Active

Add to documentation tasks.

japerry’s picture

japerry
Location KVUO
CreditAttribution: japerry at Drupal Association commented
Version: 6.x-3.2 » 7.x-3.x-dev
Issue summary: View changes
mike.roman’s picture

mike.roman CreditAttribution: mike.roman commented
Status: Active » Postponed (maintainer needs more info)

I recommend this issue be closed. I don't think it needs to be documented, since at least in D7, I can't replicate the problem, and Panels isn't doing anything to change the way the CSS added to it behaves. Adding documentation on how CSS works is beyond the scope of Panels documentation.