Custom SVGs

This hack removes most of the default styling in the menu module and fullscreen menu module so you can apply your own custom styles.

Classes

  • custom-svg

Usage

Create your own SVG graphics by putting the SVG path inside a code module and adding the class custom-svg

Setup:

  1. Add the class custom-svg to a code module.
  2. Create an SVG shape here, and then copy string of numbers and letters located in the bottom right corner of the SVG creator below. (Example: M 0 600 L 400 0 L 800 600 Z)
  3. Paste this string of numbers inside the code module.

Use with

The Code Module

Design

You can customize the color of the SVG by adding the following CSS variable to the Code Module Settings > Advanced tab > Custom CSS > Main Element.

--svg-color: