【问题标题】:How do I change CSS in Magento 2?如何更改 Magento 2 中的 CSS?
【发布时间】:2022-01-19 12:17:18
【问题描述】:

该网站有一个博客,我想让字体大一点。如何找到合适的 CSS 进行更改?

我以前在 WordPress 中这样做过。您只需检查元素,找到 .body 并将字体大小更改为 16px 或任何您想要的。

在 Magento2 中,所有内容都在第 2 行。

回答:你需要安装 gulp。安装 gulp 后,您必须找到他存储 CSS 的位置。之后你需要运行 gulp 以便他可以处理它和 viola。

【问题讨论】:

    标签: frontend magento2


    【解决方案1】:

    你的问题的答案是:

    您不应编辑/修改 pub/* 或 vendor/* 目录中的文件。
    Pub 用于部署,vendor 用于默认结构,您可以使用 通过您的模板或自定义模块覆盖。而是:

    • 在 app/design/frontend/{vendor}/{yourTheme}/ 中创建一个新主题。您可以使用空白或亮度 主题。您还可以创建继承自 Blank 的新主题 (继承在 theme.xml 中定义)。如果您已经在使用 一些主题然后跳过这一步。
    • 在您的主题中编辑 .less,使更改保持可见,并且在清除缓存或升级系统时不会被替换。
    • 使用 grunt 将您的 .less 编译成部署文件。
    • 您还可以设置 sourcemap 以在主题 .less 文件中精确定位您的样式,从而提高工作效率。

    请看这里:https://magento.stackexchange.com/a/96480

    我个人建议您不要修改已安装的主题,因为更新后您可能需要再次修改。 如果您知道一些 CSS,那么在另一个主题中制作它应该不难。

    有帮助吗?

    【讨论】:

    • 主题是定制的。我真的必须将字体大小从 14px 更改为 16px。而已。创造新主题真的有必要吗?感觉有点矫枉过正。
    • 所以你已经制作了你的主题?定制是什么意思?
    • 我工作的公司制作了一个主题。我的任务是将博客文章从 14px 更改为 16px,但我找不到在哪里更改它。如果我检查元素,我没有得到 css 的位置,我得到它位于某个已处理文件的第 2 行。我不做太多前端,更不用说 Magento2 前端了。
    • 啊,我明白了,然后尝试找到该元素的选择器(类似于 .blog-post.content )。找到它后,您可以在文件中搜索它。并在那里修改它。另一种选择是搜索font-size: 14px;。但你可能有很多。
    • 我找到了,但我真的不知道如何更改它。我猜它使用某种处理器。
    【解决方案2】:

    解决方案:您需要安装 gulp。安装 gulp 后,您必须找到他存储 css 的位置。之后你需要运行 gulp 以便他可以处理它和 viola。

    【讨论】:

    • “他”是谁?您的回答可以使用更多细节。
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2017-10-22
    • 2017-05-03
    • 2019-09-10
    相关资源
    最近更新 更多