简单文件列表默认采用您网站的主题外观。无需修改样式，它应该在您的 WordPress 网站上看起来不错。
但是，如果您希望调整外观，您可以在网站主题中使用 CSS。通过定位以下 HTML 元素，您可以使用自己的 CSS 覆盖内置样式。
看看这些 CSS 示例 如果您需要入门帮助。
所有文件列表视图的共同元素
文件列表包装器和容器
.eeSFL：所有视图中的文件列表的主容器。.eeFiles：保存文件项目的容器。
文件项目结构
.eeSFL_Item：代表包含详细信息、操作和元数据的单个文件。.eeSFL_Thumbnail：保存文件的缩略图。.eeSFL_FileName：显示文件名并提供链接。.eeSFL_FileDetails：包含元数据（文件大小、上传日期）。.eeSFL_ListFileActions：包含每个文件的操作按钮（打开、下载、编辑、删除）。
表视图特定元素
表格视图使用传统的 HTML 表格来显示文件。此视图具有响应能力，在小屏幕上会转换为简单的内联视图。
表格容器和结构
.eeSFL充当表格视图的主要包装器。.eeFiles形成表结构。- 表格列
.eeSFL_Thumbnail代表缩略图的一列。.eeSFL_FileName文件名列。.eeSFL_FileSize文件大小列。.eeSFL_FileDate日期列。
- 表行
.eeSFL_Item代表文件的整行。
每列（缩略图、名称、大小、日期）都是一个单元格.eeSFL_Item.
Tiles 视图特定元素
平铺视图使用网格布局显示文件，从左上到右下。
.eeFiles保存图块元素。.eeSFL_Tile充当单个图块的包装器，包含每个文件。.eeSFL_FileLink可点击的文件名。.eeSFL_ListFileActions图块内包括打开、下载、复制链接等操作。
Flex 视图特定元素
弹性视图被设计为均匀分布在包含元素的宽度上。
.eeFiles使用 flexbox 布局来响应文件项的对齐。.eeSFL_Item表示具有弹性布局的文件容器。.eeSFL_Thumbnail在灵活的行中显示文件的缩略图。.eeSFL_FileInfo在缩略图旁边提供文件详细信息。.eeSFL_FileDetails显示文件大小和日期。.eeSFL_ListFileActions提供下载、复制和删除等操作的链接。
上传表单元素
表单结构
#eeSFL_UploadForm包装整个上传表单。.eeSFL_UploadFilesTitle是上传表单的标题。
输入字段
#eeSFL_Name用于输入文件上传者的姓名。#eeSFL_Email输入上传者的电子邮件。#eeSFL_FileDesc文件描述的文本输入。
文件上传区
#eeSFL_FileInput用于选择文件。#eeSFL_FileDropZone用于拖放文件上传。#eeSFL_FileUploadQueue显示排队等待上传的文件。
按钮和指示灯
#eeSFL_UploadGo启动上传过程的按钮。#eeSFL_UploadProgress显示文件上传的进度。.sfl_instuctions提供文件上传的指南或说明。
