You're almost there! Please answer a few more questions for access to the Applications content. Complete registration
Interested in joining? Complete your registration by providing Areas of Interest here. Register

Text font size in css

edited Feb 22, 2019 8:53PM in Visual Builder 3 comments

Summary

I can get label font size in css but can't seem to find the keyword for text fontsize

Content

I'm new to VBCS.

I need to reduce font-size to fit content in a busy panel.  In the panel declaration, I've added prescriptionInfo to the class attributes

    <div class="oj-panel oj-flex-items-pad oj-flex-item oj-sm-4 prescriptionInfo" id="div--159186858-4">

In app.css I've added the following:

.prescriptionInfo label{
  color:blue;
  font-size: 10px;
}

This has the desired affect of changing the labels to blue and 10px height.  

I need to do the same for the text fields but not finding the right keyword.  I figured since within the panel's list view the labels are <oj-label and referencing label in css was the correct choice that I would use bind-data in the css to change the font-size of the text, but it doesn't work.  

Howdy, Stranger!

Log In

To view full details, sign in.

Register

Don't have an account? Click here to get started!