How to make font size bigger in custom widget?

  • max123jot
    Asked on October 24, 2016 at 7:19 AM

    dear jot form

    for the field

    Click the resources in the left column in order of their importance to you in preparing for surgery you will be doing?

    please advise how to increase font size in column header and rows

    thanks

    m

  • Kiran Support Team Lead
    Replied on October 24, 2016 at 11:25 AM

    Please try injecting the following CSS code to the custom CSS section of the widget.

    .custom-header, .ms-elem-selectable, .ms-elem-selection {

    font-size: 15px;

    }

    How to make font size bigger in custom widget? Image 1 Screenshot 30

    The upper section of the code needs to be corrected with the dot(.) in the class name and closing brace. Form should be displaying the widget as shown below after injecting the above code.

    How to make font size bigger in custom widget? Image 2 Screenshot 41

    Hope this information helps!

     

  • max123jot
    Replied on October 24, 2016 at 2:44 PM
    hi
    thanks
    i injected, wasnt bigger, put it higher font, now lost the black background
    in the column header, even though the properties says black theme
    please advise
    m
    ...
  • Kiran Support Team Lead
    Replied on October 24, 2016 at 3:53 PM

    The black background is overridden by the custom code injected to the widget. If you want to display the background with the theme, you may remove the following CSS code from the widget.

    How to make font size bigger in custom widget? Image 1 Screenshot 20

    Please check and let us know if you need any further assistance. We will be happy to assist. 

  • max123jot
    Replied on October 24, 2016 at 4:44 PM
    nice
    thanks
    m
    ...