Skip to main content
Modifying the look and feel of a widget
Carlos Solis avatar
Written by Carlos Solis
Updated over a year ago

Open your code editor, in our example, we use Visual Studio Code.

On the source files of your widget, open the file _variables.scss located in src/scss/_variables.scss

Open _variables.scss located in src/scss/_variables.scss

From the additional resources folder for this course, copy and paste the code for _variables.scss.

This code will replace the look and feel of the widget to a color palette in blue.

From the additional resources folder for this course, copy and paste the code for _variables.scss.

Once you refresh the Widget in your browser, you will see the new color palette in action.

Once you refresh the Widget in your browser, you will see the new color palette in action.

Every time you save a file, your changes will be applied automatically when you refresh your browser.


Did this answer your question?