更改Magento 2.0主题中的CSS

我使用Magento Blank作为父主题。更改Magento 2.0主题中的CSS

我在/app/design/frontend/MYVENDORNAME/MYTHEMENAME/web/css/source/包含此代码创建_theme.less.css：

@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;

我已清空缓存。

但按钮仍然是蓝色的。

我在做什么错？

来源

2016-01-26 Gordova

开始http://devdocs.magento.com/guides/v2.0/frontend -dev引导/ CSS-主题/ CSS-preprocess.html。 –

这段代码需要进入一个.less文件并被编译成一个.css文件，因为这不是可以在css文件中原生读取的代码风格。

来源

2016-01-26 19:12:12

首先添加自定义CSS

转到：

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

而且在头块添加CSS是这样的：

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

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

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

运行你的CSS，希望它适合你。

来源

2016-01-27 06:03:01

所有你需要做的就是从复制文件：

/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-27 08:59:07 Gordova

更改Magento 2.0主题中的CSS

回答

相关问题