Center text on toolbar button

[Markus]

Hello!

I doubled the height of a toolbar and it's buttons from the default height. This works fine, but the text on the buttons is no more centered. How can I center the text on the toolbar buttons?

Regards Markus

[Yana]

Hi Markus,

Actually the text of RadToolBar buttons has padding on both sides and you can set it with the following css style:

.RadToolBar_Default .rtbText {
    padding:0 20px !important;
}

Greetings,
Yana
the Telerik team

Check out Telerik Trainer, the state of the art learning tool for Telerik products.

[Markus]

Hello Yana,

thanks for information, but this is not working, the text of the buttons is now 20px left from button border, but it is not centered. I need it centered horizontally and verticaly.

Regards Markus

[Yana]

Hello Markus,

With the provided in my previous post css style the text of the buttons should have 20px on left and right side - horizontally centered. Please set top and bottom padding to some value in order to fit in the height of the toolbar.

Greetings,
Yana
the Telerik team

Instantly find answers to your questions on the new Telerik Support Portal.
Check out the tips for optimizing your support resource searches.

[Markus]

Hello Yana,

I opened a support Ticket to send you a sample project.

Regards Markus

[Markus]

Hello Yana,

I opened a support Ticket to send you a sample project.

Regards Markus