0

我使用 Magento Blank 作为父主题。

我在其中创建_theme.less.css了/app/design/frontend/MYVENDORNAME/MYTHEMENAME/web/css/source/包含以下代码：

@button-primary__background: @color-orange-red1;
@button-primary__hover__background: @color-orange-red4;
@button-primary__border: 1px solid @color-orange-red2;
@button-primary__hover__border: 1px solid @color-orange-red2;

我已经刷新了缓存。

但是按钮仍然是蓝色的。

我究竟做错了什么？

4

3 回答 3

1

此代码需要进入 .less 文件并编译为 .css 文件，因为这不是可以在 css 文件中本地读取的代码样式。

于 2016-01-26T19:12:12.257 回答
0

您所要做的就是从以下位置复制文件：

/vendor/magento/theme-frontend-blank/web/css/

进入主题目录：

/app/design/frontend/MYVENDORNAME/MYTHEMENAME/web/css/

您不必移动所有文件，只需替换要更改的文件即可。

我认为您必须学习 LESS 才能正确设置主题样式。但是对于简单的静态CSS 更改，这可能有效：

1）添加/dev1/vendor/magento/theme-frontend-blank/web/css/_styles.less以下内容：

@import 'source/lib/_lib.less'; // Global lib
@import 'source/_sources.less'; // Theme styles
@import 'source/_components.less'; // Components styles (modal/sliding panel)

body{background:#f00}
于 2016-01-27T08:59:07.633 回答
0

首先添加您的自定义 css

去：

/app/design/frontend/Magento/MYVENDORNAME/MYTHEMENAME/layout/default_head_blocks.xml

在 head 块下添加 css 如下所示：

<head><css src="css/custom.css" /></head>

而不是在此路径中创建 custom.css 文件之后：

/app/design/frontend/Magento/MYVENDORNAME/MYTHEMENAME/web/css/custom.css

运行你的css，希望它对你有用。

于 2016-01-27T06:03:01.980 回答