How to modify the title size

In the form design process, you can change the style of the component to adjust the appearance of the page or to inform the user of the importance of filling in the information in the component.

1. Design PC style

PC display

Layout container>Single-line text component>Layout style design>Source code editing

The following code can be directly copied to the source code editor,Note replace the unique identifier of a single line of text.

/*pc端标题-天蓝色*/
:root .textField_ksk6ban3 label{
font-size:20px;
color:skyblue;
 }
/*pc端背景-天蓝色*/
:root .next-form-item-control span{
  background:skyblue;
}
/*pc/移动端，输入字体-白色*/
:root .textField_ksk6ban3 input{
  font-size:18px;
    color:white;
}
 /*pc/移动端，占位提示字体颜色修改-白色*/
#textField_ksk6ban3::-webkit-input-placeholder {
    color: #ffffff; 
}

PC-side configuration dynamic diagram

2. Design mobile style

Mobile Display

Layout container>Single-line text component>Layout style design>Source code editing

The following code can be directly copied to the source code editor,Note replace the unique identifier of a single line of text.

/*移动端背景-天蓝色*/
:root #textField_ksk6ban3{
  background:skyblue;
}
 /*移动端标题-天蓝色*/
:root .textField_ksk6ban3 span{
   font-size:20px;
    color:skyblue;
 }
/*pc/移动端，输入字体-白色*/
:root .textField_ksk6ban3 input{
  font-size:18px;
    color:white;
}
 /*pc/移动，占位提示字体颜色修改-白色*/
#textField_ksk6ban3::-webkit-input-placeholder {
    color: #ffffff; 
}

Mobile terminal configuration motion diagram

3. Video demonstration

此处为语雀视频卡片，点击链接查看：修改标题颜色视频演示.mov

Modify Title color video demo

YIDA in order to better optimize the content and quality of YIDA user manual, it takes you 3-5 minutes to fill in the document feedback questionnaire. The document feedback questionnaire is submitted anonymously, and the questionnaire information is only used for YIDA document experience feedback collection. Thank you for your support for YIDA!

Click here to fill in the questionnaire

-------------------- Get the latest information YIDA, welcome to follow US--------------------