【发布时间】:2022-01-19 12:17:18
【问题描述】:
该网站有一个博客,我想让字体大一点。如何找到合适的 CSS 进行更改?
我以前在 WordPress 中这样做过。您只需检查元素,找到 .body 并将字体大小更改为 16px 或任何您想要的。
在 Magento2 中,所有内容都在第 2 行。
回答:你需要安装 gulp。安装 gulp 后,您必须找到他存储 CSS 的位置。之后你需要运行 gulp 以便他可以处理它和 viola。
【问题讨论】:
该网站有一个博客,我想让字体大一点。如何找到合适的 CSS 进行更改?
我以前在 WordPress 中这样做过。您只需检查元素,找到 .body 并将字体大小更改为 16px 或任何您想要的。
在 Magento2 中,所有内容都在第 2 行。
回答:你需要安装 gulp。安装 gulp 后,您必须找到他存储 CSS 的位置。之后你需要运行 gulp 以便他可以处理它和 viola。
【问题讨论】:
你的问题的答案是:
您不应编辑/修改 pub/* 或 vendor/* 目录中的文件。
Pub 用于部署,vendor 用于默认结构,您可以使用 通过您的模板或自定义模块覆盖。而是:
- 在 app/design/frontend/{vendor}/{yourTheme}/ 中创建一个新主题。您可以使用空白或亮度 主题。您还可以创建继承自 Blank 的新主题 (继承在 theme.xml 中定义)。如果您已经在使用 一些主题然后跳过这一步。
- 在您的主题中编辑 .less,使更改保持可见,并且在清除缓存或升级系统时不会被替换。
- 使用 grunt 将您的 .less 编译成部署文件。
- 您还可以设置 sourcemap 以在主题 .less 文件中精确定位您的样式,从而提高工作效率。
请看这里:https://magento.stackexchange.com/a/96480
我个人建议您不要修改已安装的主题,因为更新后您可能需要再次修改。 如果您知道一些 CSS,那么在另一个主题中制作它应该不难。
有帮助吗?
【讨论】:
.blog-post.content )。找到它后,您可以在文件中搜索它。并在那里修改它。另一种选择是搜索font-size: 14px;。但你可能有很多。
解决方案:您需要安装 gulp。安装 gulp 后,您必须找到他存储 css 的位置。之后你需要运行 gulp 以便他可以处理它和 viola。
【讨论】: