Home/ Questions/Q 6669953
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-26T03:12:41+00:00

I have a div tag in my modal dialog built using JQuery like this:

  • 0

I have a div tag in my modal dialog built using JQuery like this: div id=”dialogxxxx” title=”xxxxx” . I want to just change the font and background color of the title alone, i.e. only the place where the title is displayed. Right now it has a default color and font. I want to change it to a specific color, but do not want to change the background color and font of the entire div, just the place where the title is displayed. Is there a way to do this? I tried adding style tag to the div, but that changes the background color of the entire div, not the title alone. I also tried doing div#title, that didnt help either.

Any pointer/help is greatly appreciated.

Thanks,

Asha

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    If you want a quick-n-dirty way, you can simply override the .ui-widget-header css rule, e.g.

    .ui-widget-header {
  background: red;
}

    See this in action: http://jsfiddle.net/william/NgVAu/.

    If you want a more maintainable approach, you should use the ThemeRoller, configuring the “Header/Toolbar” section. If you open up your css file, you can find a URL to the ThemeRoller with the theme it’s using. It is located in the second lot of comment, after “To view and modify this theme”, e.g.

    /*
 * jQuery UI CSS Framework @VERSION
 *
 * ...
 * http://docs.jquery.com/UI/Theming/API
 *
 * To view and modify this theme, visit http://jqueryui.com/themeroller/?...
 */
    • 0