resize command button

[afterbit]

i need to resize (make smaller..) a command button :

Code: Select all

<p:commandButton icon="fa fa-trash-o" title="delete item" />

I tried with style="font-size: 50%; width: 80%; height: 80%"

Code: Select all

<p:commandButton style="font-size: 50%; width: 80%; height: 80%" icon="fa fa-trash-o" title="delete item" />

but the result is not good..
how can i do?
thanks!

[mert.sincan]

Hi,

Please try;

Code: Select all

<p:commandButton styleClass="MyButton" ...

Code: Select all

body .MyButton.ui-button,
body .MyButton.ui-button.ui-button-text-icon-left .ui-icon {
	font-size: 0.875rem;
}

body .MyButton.ui-button.ui-button-text-icon-left .ui-button-text {
	padding: 0.25rem .5rem 0.25rem 1.5rem;
}

Best Regards,

[afterbit]

ok

[mert.sincan]

Resolved.