Question

我使用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;

我刷新了缓存。

但按钮仍为蓝色。

我做错了什么？

Answer 1

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

Answer 2

首先添加自定义css

转到：

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

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

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

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

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

运行你的CSS，希望它为你工作。

Answer 3

您所要做的就是复制文件：

foreach ($array as $key => $val) {
    // Search if 'id' exists in the array
    $a_key = array_search($val['parent'], array_column($array, 'id'));
    // Check if 'id' is in the array, if not then replace 'parent' with 0
    if ($a_key == false) $array[$key]['parent'] = '0';
}

进入主题目录：

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

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

我认为你必须学会少，才能正确地塑造主题。但是对于简单的静态 CSS更改，这可能会起作用：

1）添加/app/design/frontend/MYVENDORNAME/MYTHEMENAME/web/css/以下内容：

/dev1/vendor/magento/theme-frontend-blank/web/css/_styles.less

在Magento 2.0主题中更改CSS

3 个答案: