I want to change some styles of widget. I try to change scss file, but it doesn’t works. I want to change font size of group box header. In scss \theme\styles\web\sass\app\helpers\_groupbox.scss .mx-groupbox>.mx-groupbox-header { font-size:20px; color:$brand-info; outline:none; border:none; transition: all 0.2s; } I change it to : .mx-groupbox>.mx-groupbox-header { font-size:14px; color:$brand-info; outline:none; border:none; transition: all 0.2s; } But, in browser inspect, it shows effective style is still: font-size:20px; I try to override class in custom.scss and main.scss, still not works. always font-size:20px; Any more steps needed? after change scss?
asked
Haiji Du
1 answers
0
You need to compile the scss after making changes. You can do that using calypso