Setup Styling For The Theme

Paulund is full of premium tutorials and support to help with your development

Sign up to get full access to all tutorials.

Get Started

Login to your account

For the styling of this project, we'll simply be going to use a CSS framework like Bulma to speed things up. Bulma is a CSS framework that uses SASS and flexbox to make things very easy to customise. We need to first configure webpack to be able to handle sass files by using the following command. This will install the sass-loader in your node_modules folder. We now need to tell webpack how to handle these sass files, navigate to /vue-wordpress-theme/build/webpack.base.conf.js and . . .

Get Started