Forum Discussion

  • AdamKeever1's avatar
    AdamKeever1
    Qrew Commander
    5 years ago
    Adding this line to your function will change all of the text font and size on the entire page:

    $("*").css("font", "bold 100.25% Nirmala UI");​


    Using the Chrome DevTools by right clicking in some white space and selecting Inspect, I was able to navigate to a single field label and found that you can change font and size for a single field label:


    Using this, the code changes to:

    $("#tdl_3.label.lc > label.fieldLabel").css("font", "bold 150.25% Nirmala UI");


    And here is the result:



    ------------------------------
    Adam Keever
    ------------------------------
    • AdamKeever1's avatar
      AdamKeever1
      Qrew Commander
      5 years ago
      Adding these lines Change the Section Titles, all field labels, and field values. There is also a line to add padding between the fields to make the labels more legible with larger font.

      $(".sectionTitle").css("font", "bold 200% Georgia");
$(".fieldLabel").css("font", "normal 150.25% Century");
$(".cell.cc.nowrap").css("font", "italic 140% Georgia");
$(".cell.dc.nowrap").css("font", "italic 140% Georgia");
$(".cell.dc").css("font", "italic 140% Georgia");
$("body.Regular table.LabelsAbove td.label").css("padding-right", "50px");​


      Result:



      ------------------------------
      Adam Keever
      ------------------------------