2016-01-26 3 views
0

Я использую Magento Blank в качестве родительской темы.Изменение CSS в Magento 2.0 Theme

Я создал _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; 

Я покраснел кэш.

Но кнопки все еще голубые.

Что я делаю неправильно?

+0

Начинать с http://devdocs.magento.com/guides/v2.0/frontend -dev-гид/CSS-тема/CSS-preprocess.html. –

ответ

1

Этот код должен быть занесен в файл .less и скомпилирован в файл .css, так как это не стили кода, которые можно читать изначально в файле css.

0

Сначала добавьте свой собственный 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, надеюсь, это работа для вас.

0

Все, что вам нужно было сделать, чтобы скопировать файлы из:

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

В тематическом каталоге:

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

Вы не должны переместить все файлы, вы можете просто заменить файлы хотите внести изменения.

Я думаю, вам нужно узнать МЕНЬШЕ, чтобы уметь правильно подгонять тему. Но для простых статического 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} 
Смежные вопросы