OG panels "CSS properties"

Events happening in the community are now at Drupal community events on www.drupal.org.
christefano's picture

I just tried setting a pane's CSS properties to "mission" in order to give it the orange background that group missions here have by default (i.e. the default layout sans OG panels). For some reason it didn't work at all and the pane still had a white background.

What am I doing wrong?

Comments

looks like you need "#mission

mike stewart's picture

looks like you need "#mission .box" is the csss that causes the orange

--
mike stewart { twitter: @MediaDoneRight | IRC nick: mike stewart }

ok, darn, I see you have

mike stewart's picture

ok, darn, I see you have that. you need one element to have the #mission property, and a child element to have a .box property.

to be more clear, if gdo panels allowed you to set a parent item, such as a pane, with an #mission ID, then a region could be set to a class of "box"

you'd get the "pretty" orange background

however, panels rounded corners do not use a transparent graphic, so rounded corners in panels are not compatible with the css on gdo for mission rounded corners which also need wrapping divs for the rounded corners.

the mission box uses wrappers for corners

<div class="w1">
<div class="w2">
<div class="w3">
<div class="w4">

bottom line is unless you can add/change some css & maybe add some new graphics, it ain't gonna happen.

--
mike stewart { twitter: @MediaDoneRight | IRC nick: mike stewart }

however, panels rounded

christefano's picture

however, panels rounded corners do not use a transparent graphic, so rounded corners in panels are not compatible with the css on gdo for mission rounded corners which also need wrapping divs for the rounded corners.

I just disabled the rounded corners and it's still a no-go. Any ideas?

mike stewart's picture

ya, I meant its not gonna work, because you still have to have two different elements. a parent element (such as a pane) needs to have the ID #mission and the child element needs to have the class .box (such as the region). and even then all you'll get is the orange background, and probably the rounded corners from panels which aren't compatible.

--
mike stewart { twitter: @MediaDoneRight | IRC nick: mike stewart }

Maintenance

Group organizers

Group categories

Group notifications

This group offers an RSS feed. Or subscribe to these personalized, sitewide feeds:

Hot content this week