Button Advanced Customization

Like we use .addClass(“btn-primary”); for changing the button’s defautl css, I want my button to look more bigger (custom button) and while playing with console I came to know that by default the doctype’s button is as

<button class="btn btn-default btn-xs btn-primary" style="margin-left: 10px;">Button</button> 

and what i want is this

<button class="btn btn-default btn-sm btn-primary" style="margin-left: 10px;">Button</button>

Similar to .addClass(“btn-primary”); , i appended, passed complete/individual class so that it can overwrite by default customization for button but failed. Any help to do so via custom script will be appreciated.

EDIT: I am doing this on custom doctype

any suggestions ??

Try this:

$(".btn.btn-default.btn-xs.btn-primary").removeClass(“btn-xs”).addClass(“btn-sm”);

thanks

1 Like