Can't make button font or size change

1 posts, 0 answers
  1. Kellie
    Kellie avatar
    29 posts
    Member since:
    Feb 2009

    Posted 26 Mar 2009 Link to this post

    *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:

    1 /* START OF BUTTON SETTINGS */  
    2 a.radfd_Telerik, a.radfd_Telerik span  
    3 {  
    4     background-image: url(Button/ButtonSprites.gif);  
    5     color: #000000;  
    6     font: 'Segoe UI';  
    7     font-size: 16pt;  
    8     /*font-family: 'Segoe UI' , 'Arial' , 'Helvetica' , 'sans-serif' !important;*/  
    9     /*font-size: 8pt !important;*/  
    10 }  
    11  
    12 a.radfd_Telerik.radfdInputDisabled:hover span  
    13 {  
    14     color: #7d7d7d !important;  
    15     font-weight: normal !important;  
    16 }  
    17  
    18 a.radfd_Telerik  
    19 {  
    20     padding-left: 4px;  
    21 }  
    22  
    23 a.radfd_Telerik:hover span  
    24 {  
    25     color: #000000;  
    26     font-weight: bold !important;  
    27     /*font-family: 'Segoe UI' , 'Arial' , 'Helvetica' , 'sans-serif' !important;*/  
    28     /*font-size: 8pt !important;*/  
    29 }  
    30  
    31 a.radfd_Telerik .radfdInnerSpan  
    32 {  
    33     margin-right: 4px;  
    34     background-position: 0 -21px;  
    35 }  
    36  
    37 /* clicked button styles */  
    38 a.radfd_Telerik.radfd_Clicked  
    39 {  
    40     background-image: url(Button/ButtonSprites.gif);  
    41     background-position: 0 -42px;  
    42     background-repeat: no-repeat;  
    43 }  
    44  
    45 a.radfd_Telerik.radfd_Clicked span,  
    46 a.radfd_Telerik.radfd_Clicked:hover span  
    47 {  
    48     background-image: url(Button/ButtonSprites.gif);  
    49     color: #000000;  
    50     /*font-family: 'Segoe UI' , 'Arial' , 'Helvetica' , 'sans-serif' !important;*/  
    51     /*font-size: 8pt !important;*/  
    52     font-weight: bold !important;  
    53 }  
    54  
    55 a.radfd_Telerik.radfd_Clicked .radfdInnerSpan  
    56 {  
    57     background-position: 0 -63px;  
    58     background-repeat: repeat-x;  
    59 }  
    60  
    61 a.radfd_Telerik.radfd_Clicked .radfdOuterSpan  
    62 {  
    63     background-position: right -42px;  
    64     background-repeat: no-repeat;  
    65 }  
    66 /* end of clicked button styles */  
    67  
    68 /* do NOT change these settings, otherwise the skinned buttons will be broken when used within a decoration zone */  
    69 a.radfdSkinnedFormButton.radfd_Telerik  
    70 {  
    71     -moz-user-select: none !important;  
    72     outline: none !important;  
    73     text-decoration: none !important;  
    74     cursor: default !important;  
    75     text-align: center !important;  
    76     background-color: transparent !important;  
    77     border: 0 !important;  
    78     display: inline-block !important;  
    79     /*width: auto !important;*/  
    80  
    81 }  
    82  
    83 /* END OF BUTTON SETTINGS */  
    84  

Back to Top