*CANCEL THIS POST FOUND ANOTHER EXISTING POST WITH ANSWER*
I have <add key="Telerik.FormDecorator.EnableEmbeddedSkins" value="false"/> in my webconfig
and have copied the FormDecorator.Telerik.css (and it's images) to my solution as Button.Telerik.css and have registered this file in my page. I am able to make the font Bold, and also change color.
I am not able to make my button font become
font-family: 'Segoe UI' , 'Arial' , 'Helvetica' , 'sans-serif' !important;
font-size: 8pt !important;
or
font: 'Segoe UI' !important;
font-size: 8pt !important;
Can font and size be changed on buttons?
This is what I have for buttons in FormDecorator.Telerik.css:
| /* START OF BUTTON SETTINGS */ | |
| a.radfd_Telerik, a.radfd_Telerik span | |
| { | |
| background-image: url(Button/ButtonSprites.gif); | |
| color: #000000; | |
| font: 'Segoe UI'; | |
| font-size: 16pt; | |
| /*font-family: 'Segoe UI' , 'Arial' , 'Helvetica' , 'sans-serif' !important;*/ | |
| /*font-size: 8pt !important;*/ | |
| } | |
| a.radfd_Telerik.radfdInputDisabled:hover span | |
| { | |
| color: #7d7d7d !important; | |
| font-weight: normal !important; | |
| } | |
| a.radfd_Telerik | |
| { | |
| padding-left: 4px; | |
| } | |
| a.radfd_Telerik:hover span | |
| { | |
| color: #000000; | |
| font-weight: bold !important; | |
| /*font-family: 'Segoe UI' , 'Arial' , 'Helvetica' , 'sans-serif' !important;*/ | |
| /*font-size: 8pt !important;*/ | |
| } | |
| a.radfd_Telerik .radfdInnerSpan | |
| { | |
| margin-right: 4px; | |
| background-position: 0 -21px; | |
| } | |
| /* clicked button styles */ | |
| a.radfd_Telerik.radfd_Clicked | |
| { | |
| background-image: url(Button/ButtonSprites.gif); | |
| background-position: 0 -42px; | |
| background-repeat: no-repeat; | |
| } | |
| a.radfd_Telerik.radfd_Clicked span, | |
| a.radfd_Telerik.radfd_Clicked:hover span | |
| { | |
| background-image: url(Button/ButtonSprites.gif); | |
| color: #000000; | |
| /*font-family: 'Segoe UI' , 'Arial' , 'Helvetica' , 'sans-serif' !important;*/ | |
| /*font-size: 8pt !important;*/ | |
| font-weight: bold !important; | |
| } | |
| a.radfd_Telerik.radfd_Clicked .radfdInnerSpan | |
| { | |
| background-position: 0 -63px; | |
| background-repeat: repeat-x; | |
| } | |
| a.radfd_Telerik.radfd_Clicked .radfdOuterSpan | |
| { | |
| background-position: right -42px; | |
| background-repeat: no-repeat; | |
| } | |
| /* end of clicked button styles */ | |
| /* do NOT change these settings, otherwise the skinned buttons will be broken when used within a decoration zone */ | |
| a.radfdSkinnedFormButton.radfd_Telerik | |
| { | |
| -moz-user-select: none !important; | |
| outline: none !important; | |
| text-decoration: none !important; | |
| cursor: default !important; | |
| text-align: center !important; | |
| background-color: transparent !important; | |
| border: 0 !important; | |
| display: inline-block !important; | |
| /*width: auto !important;*/ | |
| } | |
| /* END OF BUTTON SETTINGS */ | |