Buttons for jquery menu

Question

Hi:
I am using Apex 4.02 and the jquery menu plugin.
I have it working. However, I want to change the colour of the buttons it creates for the menu.
When I examine the button using Firebug, I see that it is using a class "fg-button". I can see the class on my page. However, I have examined all of the css files including the apex file, the file that came with the plugin, and the jquery ui css found in my images directory. Nowhere can I find a reference to the class "fg-button". I know that it is a juqery defined button.
Where can I alter the definition for fg-button?
Please can some help. I would appreciate it.
Regards,
Bruce

Answer 1

Hi Bruce,
On the page where you have the button, create a HTML Region at sequence 1 with no template and give it a Region Name of "CSS"
Inside the HTML Region, you could create the style sheet:
CSS
<style>
.fg-button {
background-color: red;
</style>
Obviously if you want to change the text colour of the button, then instead of "background-color: red;" use "color:red;"
Just try it with "red" for now to see if it works and once you find that it does, just change the red colour to the colour of your choice.
Good Luck.
Tony.
Edited by: Tony F. on May 29, 2011 11:09 AM