Closed (fixed)
Project:
Panels
Version:
6.x-3.x-dev
Component:
Miscellaneous
Priority:
Minor
Category:
Support request
Assigned:
Unassigned
Reporter:
Created:
21 Aug 2010 at 20:29 UTC
Updated:
23 Oct 2011 at 15:14 UTC
I've using the rounded drop shadow custom style for a row of a panel page and it works fine. I'd like to use the Equal Heights module to set all 3 panes to the same height, but if I set a CSS class for each pane then the custom style doesn't work
You can see what I mean at http://test05.lightbeingcreations.org where the left hand pane has had it's custom style stripped out by the addition of the CSS class
Any suggestions on how to get round or fix this so that I can get all 3 panes the same height and with their custom styles intact?
Comments
Comment #1
merlinofchaos commentedIt looks like a bug is the class that controls the styling and the custom class to get merged.
As a workaround, if you add a space after your class name in the css settings, I think you can get it to work. I'll need to patch stylizer to add its class correctly.
Comment #2
merlinofchaos commentedChecked in a fix for this.
Comment #3
Dubber Dan commentedAdding a space stops the custom style breaking but Equal Heights doesn't then work as it requires "Add space separated list of CSS classes that you want to be of equal height "
If I add the space behind the class in the equal heights config the screen goes really screwed up! http://test05.lightbeingcreations.org/
Comment #4
merlinofchaos commentedWell you can always upgrade to the latest -dev now (You'll need to upgrade CTools as well).
Comment #5
Dubber Dan commentedUpgrading to the dev version of Panels & Ctools (plus uploading the jquery_ui module as required has stopped the custom style being corrupted.
But Equal Heights just doesn't seem to do anything. So back to them now is it?
Comment #6
merlinofchaos commentedI'm afraid so.
Comment #7
Dubber Dan commentedNo worries. you've helped me get the custom styles to stop breaking, so that's a step forward :-)
Comment #9
charos commentedRe-opening this so it won't be a duplicate:
I have a similar problem and the reason is the different way the stylizer adds the custom css classes (div class). Here is an example for "equalheight1" class:
without stylizer
with stylizer
Is there a way to add a class like in "rounded corners" styling?
Comment #10
merlinofchaos commentedJust make your class 'equalheight clear-block' -- separate any additional classes you want with a space. It should just work.
Comment #11
charos commentedSadly I can't make it work. Equal Height Module uses simple classes so it doesn't work but neither my own .js I had before using the Equal Height Module. I guess I have to give up! If anyone used Stylizer with custom CSS selectors ,I'd like to know how they did it!
Comment #12
Letharion commented