请求协助：为WordPress Divi图片悬停文本添加媒体查询调整字号

你只需在现有CSS代码之后添加针对移动端的媒体查询即可，完整代码如下：

.pa-image-hover-text-one .et_overlay.et_pb_inline_icon:before {
    content: "Text goes here";
    font-family: Open Sans !important;
    font-weight: 600;
    font-size: 28px;
    line-height: 1.3em;
    text-align: center;
    transform: translateX(-50%) translateY(-50%);
    margin-left: 0px;
    width: 80%;
}

/* 针对移动端调整字号 */
@media only screen and (max-width: 768px) {
    .pa-image-hover-text-one .et_overlay.et_pb_inline_icon:before {
        font-size: 18px; /* 可根据实际显示效果调整数值 */
    }
}

• max-width:768px是通用的移动端断点，当屏幕宽度≤768px时，媒体查询内的样式会覆盖原字号设置
• 你可以根据实际需求修改18px为更合适的数值，比如16px、20px都可以
• 把这段代码直接粘贴到Divi的主题选项 > 自定义CSS或你存放自定义CSS的位置即可

内容的提问来源于stack exchange，提问作者Kimberly