CODEWITHSUNDEEP
jqueryhtmlcss
Dinesh
Dinesh

Reputation: 73

clear div float css property

I am using jQuery ui dialog component where the dialog button is aligned to the right. The reason is because of the following property that gets set automatically.

.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
    float: right;
}

If I clear this float: right property, the alignment looks fine. I tried it through Firebug. How do I clear this CSS property from my CSS file?

Upvotes: 1

Views: 134

Answers (2)

daniel__
daniel__

Reputation: 11845

Override the property. This should work.

.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
    float: none !important;
}

To avoid !important you can try add this CSS (your custom css file) after the css of the Jquery UI. The load order is relevant.

Upvotes: 2

VenomVendor
VenomVendor

Reputation: 15392

.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
    float: none;
}

Upvotes: 0

Related Questions