2016-03-09 2 views
1

Я установил Magento 2.0.2, а также переопределить шаблоны, которые я застрял в точке, где я пишу свой css для своего собственного стиля. Как изменить css существующего шаблона.Мой css не работает в magento 2

я сделал эти шаги

создать _theme.less

app/design/frontend/vendor/theme/web/source/_theme.less 

и развертывания контента с помощью

php bin/magento setup:static-content:deploy 

также изменить рабочий процесс развития Интерфейсный в стороне клиента меньше компиляции и я нашел файл styles.css, включенный в бэкэнд, источник которого

pub/media/styles.css 

если я вношу изменения в styles.css, то он будет применяться к интерфейсу и бэкэнд как.

Теперь я хочу написать свой собственный css, чтобы применить мою собственную созданную тему, как я могу это сделать?

спасибо большое!

+0

вы можете поделиться '_theme.less' –

+0

.стра-заголовком { цвета фона: # 000; } – atifaltaf

+0

сэр, я застрял на нем. Помоги мне, пожалуйста. :( – atifaltaf

ответ

3

app/design/frontend/vendor/theme/Magento_Theme/layout/default_head_blocks.xml

добавить пользовательскую тему и попытаться сделать изменения.

<head> 
<css src="css/style.css" /> 
</head> 
3

Проделайте следующие шаги.

  1. Создайте файл css под этим каталогом. приложение/дизайн/интерфейс/Vendor/тема/Web/CSS/customcss.css
  2. Создать default_head_blocks.xml файл, если не существует на этом пути приложение/дизайн/интерфейс/Vendor/тема/Magento_Theme/макет/default_head_blocks.xml

Помещенный ниже код в default_head_blocks.xml

<?xml version="1.0"?> 
<page xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:noNamespaceSchemaLocation="urn:magento:framework:View/Layout/etc/page_configuration.xsd"> 
    <head> 
     <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1.0, user-scalable=no"/> 
     <css src="css/customcss.css" /> 
    </head> 
</page> 

Надеюсь, это поможет вам!

1

Убедитесь, что ваше дерево выглядит следующим образом:

-app
--design
--- интерфейс
---- Имя_вендора
----- VendorTheme
- ----- Magento-Theme
------- макет
-------- default.xml
-------- default_head_blocks.xml
------ СМИ
------- preview.png
------ веб
------- CSS
-------- yourcss .css
------ регистрация.PHP
------ theme.xml