WordPress博客主题Power Builder模块中如何使用“自定义CSS”部分

本教程将向您展示如何使用Power Builder模块的“自定义CSS”部分.

自定义CSS帮助用户动态地自定义模板的某些元素. 你不需要修改css文件. 只需将css类添加到模块设置中.

每个电力建设者 module has a Custom css section. 要访问它，请执行以下操作:

1. 打开要编辑的页面 Pages > All Pages 部分，在您的站点管理面板.

2. Click on Module Settings 按钮进行更改.

3. 你会看到 Custom css tab 在弹出窗口中. 单击它进行css更改.

   这个部分有几个选项可用:

   • CSS ID. The selector 指向 HTML 元素的样式. 此部分允许您添加节、行或 module css ID，可用于添加额外的css代码. 添加一些额外的css代码:

     • Open the Appearance > Customize 你网站上的页面 backend.

     • Click on the 额外的css tab 添加额外的CSS代码.

     • 粘贴你的css代码:

   • CSS Class. The .class selector 选择具有特定属性的元素 类属性.

   • Before 属性指定自定义CSS代码 ::before 伪元素.

   • Main Element 节用于添加主自定义CSS代码.

     Note! 确保添加的属性和值没有括号.

   • Afteris used for ::after 伪元素.

   • 此外，模块可以有几个额外的字段: 幻灯片描述, Slide Title, 幻灯片按钮, 幻灯片控制器, 滑动有源控制器, Slide Image, 张箭, Blurb Image, Blurb Title, 促销描述, 促销按钮. 这取决于 module 你试着编辑. 你可以在我们的 Power Builder概述.

请随时查看下面的详细视频教程:

别忘了浏览我们最新的 WordPress博客模板 扩展了你的功能 website.