Magento修改css样式

Magento研究了第四天才开始搞明白怎么运行。

首先对于前端开发来说要修改样式的话需要运行:

grunt less:luma

如果提示:

那就说明grunt配置的路径不对,默认是英文的,如果我们用中文的话就得更改下:

Magento修改css样式_第1张图片

然后执行就ok了。

 

下面来举个例子:比如我要修改reset中body的字体;

1.  找到源头文件lib(纠正:位置在app\design\adminhtml\Magento\backend\web\css\source\variables\_typography.less)文件中的reset.less然后修改:

                    Magento修改css样式_第2张图片

 

 

2.  删除pub文件中的static

执行:(将lib和app中的文件整合到pub中,重新生成static)

./bin/shop123 setup:static-content:deploy zh_Hans_CN 2>&1

 

 

3.  最后执行一遍grunt命令, 页面刷新样式就生效!

grunt命令有如下:

你可能感兴趣的:(Magento修改css样式)