Hi,

I am creating a custom Drupal layout starting with the Drupal Zen theme. I am using the two panel stacked layout with rounded corners around each panel. Each panel has a white background. Can you tell me how I can implement a different background color for each panel?

Thank you very much,

Royce Tivel

CommentFileSizeAuthor
page layout.jpg33.43 KBrtivel

Comments

merlinofchaos’s picture

merlinofchaos commented
Status: Active » Fixed

In -dev, you can provide a CSS id and class to each pane. Using that, you can assign colors via your theme. This iwll be available in beta1, which I am releasing tomorrow.

rtivel’s picture

rtivel commented

Thank you very much for your prompt attention to this.

rtivel’s picture

rtivel commented

I deleted the original text of this post which was a request for some help with the CSS. I finally figured out how to properly configure individual panels for different colors. Thanks for a great module.

Anonymous’s picture

Anonymous (not verified) commented
Status: Fixed » Closed (fixed)

Automatically closed -- issue fixed for two weeks with no activity.

Keith Hurst’s picture

Keith Hurst commented

I would like a little help in removing the white background so it becomes transparent.

I have the latest build of Panels and can see where to enter a class ID but no matter what I try in my CSS sheet I'm running around in circles, obviously need to understand CSS better but any pointers appreciated.

Thanks
keith

ron_mahon’s picture

ron_mahon commented

Please share your solution.
Thanks
Ron

Keith Hurst’s picture

Keith Hurst commented

Any chance someone might be able to chip in here and suggest possible avenues of approach ?

Thanks
keith

sdboyer’s picture

sdboyer commented
Version: 5.x-2.0-alpha14 » 5.x-2.0-beta3

@5 - You're running around in circles because, unfortunately, the only way to define the css for the styles is to do so as style declarations in the . Consequently, all of your attempts to change things via CSS will fail, as anything in a css file will be lower in the cascade hierarchy than what's been declared in the html header itself.

If you want to change the way it renders, you'll have to directly edit the css in panels/styles/rounded_corners.inc or, perhaps a better solution, create a duplicate of rounded_corners.inc, rename it slightly, and make whatever changes you need to that file.

Keith Hurst’s picture

Keith Hurst commented

Thanks, I was coming rounf to the conclusion that the inc file is the place to make any changes.

Now all I need is to find a good rounded corners / borders / transparency CSS tutorial.

Thanks again
Keith

sdboyer’s picture

sdboyer commented

You bet. At some point we'll ideally move over to using css files for these, but it's not REALLY pressing, so it might not happen until panels3.

In the meantime, here are a couple links to get you started:

http://www.alistapart.com/articles/onionskin/ (the onion-skinning technique is useful even if you're not doing dropshadows)
http://www.456bereastreet.com/archive/200505/transparent_custom_corners_...

There's TONS more out there at your googling fingertips.

Keith Hurst’s picture

Keith Hurst commented

Thanks for the include file confirmation. With a little help from...

http://www.roundedcornr.com/

a wee bit of work in Photoshop and a modification of the rounded-corners.inc I now have fully transparent borders around the panels I require.

Fantastic stuff.

Keith

wallbay1’s picture

wallbay1 commented

hey guys I don't know much about coding can someone just put here an example of a css that you can use on a panel? TO GET ME STARTED
i will make the color modification from there.