Theming documentation

+1

If you use something like Web Inspector in Safari or Chrome or Firebug in Firefox you'll find that the padding is being inserted into the "qtip-content" div directly by qTip. What you ought to do is try out the newest version and create a custom style which defines your own custom settings, see the included API.txt for details; fyi I'll have another RC out hopefully today.

Am re-opening this so that I can update the README.txt file with instructions for theming.

Tag.

Hi,
I still kinda nubish. I read your API.txt and have a few questions.

Q1.

Step 1: Add a JS file called e.g. "mymodule_style.js" with the desired style
settings.

Does this mean I should create a new module or add this new ...js file to the menu-minipanels directory? Excuse my ignorance, I have never created a module.

I may be going to far into this.

Basically, all I want to do is add rounded corners to the bottom left/right and not the entire container that is displayed. In the menu item settings, I can only provide 1 number which then gives a rounded corner to all corners of the container. It would be great if we could enter a series of numbers to modify each corner separately. Such as 0px 4px or 0px 4px 0px or 0px 4px 0px 4px flowing CSS standards. Just a thought.

Thanks,
E.

@erok415, I've been able to style my megamenu via my theme's CSS file. I haven't touched any of the files in the module folder.

Please describe how you did it. All I want to do is add a rounded corner to the bottom left/right of the

@erok415, the following served my purpose. There are four qtip divs wrapped around the minipanel.

.qtip-content { padding: 0px !important; background-color: #f0f8ff !important; }

@pbfleetwood

Outstanding! Here is what I did.

I had to remove the background color that is getting applied via qtip-light (maybe) or just the standard qtip JS file. Then I applied my styles to the .qtip-content as you suggested. The code is as follows.

.qtip-contentWrapper {background-color: transparent !important;}
.qtip-content {-moz-border-radius-topleft: 0px;-moz-border-radius-topright: 0px;-moz-border-radius-bottomright: 4px;-moz-border-radius-bottomleft: 4px;-webkit-border-radius: 0px 0px 4px 4px;border-radius: 0px 0px 4px 4px; }

Thanks a bunch. Now my menu looks just like I intended it to.
E.

D6 needs this too.