Custom CSS

Home / Custom CSS

There are 3 ways to use your custom CSS:

1) Use Visual Composer custom CSS feature

2) Add your custom CSS to Theme Option > Custom CSS & JS > Custom CSS

Note: The area allows you to use SCSS syntax. Below is a list of some SCSS variable you can use:

  • $broad-primary-color: get primary color value (in section Color of Theme Options).
  • $broad-secondary-color: get secondary color value.
  • $broad-heading-color: get heading color value.
  • $broad-text-color: get text color value.
  • $broad-meta-text-color: get meta text color value.
  • $broad-border-color: get border color value.
  • $broad-primary-font: get primary font value (in section Typography of Theme Options).
  • $broad-secondary-font: get secondary font value.

3) Use Broad child theme and add custom CSS to style.css of the child theme

You follow the steps below to use your custom CSS in the child theme: