jQuery UI Widgets Forums Dialogs and Notifications Window Modifying the Close Icon for Window

This topic contains 2 replies, has 2 voices, and was last updated by  drewstod 11 years, 6 months ago.

Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
  • Modifying the Close Icon for Window #11561

    drewstod
    Participant

    I’m trying to replace the Close Icon in the Window header. I’m able to do it easily by overriding .jqx-window-close-button from jqx.base.css. However, the new image I am using is slightly larger (21×21 pixels) than the stock image (16×16 pixels). For some reason I can’t seem to keep my image from being trimmed to 16×16 pixels. I can’t find where that size is being enforced. Can you give me any help? Since it’s a background-image, there is no size setting in CSS3, at least none that I can find.

    Modifying the Close Icon for Window #11578

    Dimitar
    Participant

    Hello drewstod,

    To override the size of the size of the window close button, add the following style:

        <style type="text/css">
    .jqx-window-close-button-background
    {
    width: 21px !important;
    height: 21px !important;
    }
    </style>

    Best Regards,
    Dimitar

    jQWidgets team
    http://www.jqwidgets.com/

    Modifying the Close Icon for Window #11632

    drewstod
    Participant

    Thank you! That does the trick. 🙂

Viewing 3 posts - 1 through 3 (of 3 total)

You must be logged in to reply to this topic.