✨ Get all templates and new upcoming releases for just $69. Limited time offer ✨

Hero (Full version)

Cruip CSS

It’s a section to display a full-width hero.

Hero full section


Component files

πŸ“‹ React

πŸ‘‰ src/components/sections/HeroFull.js

πŸ“‹ Vue

πŸ‘‰ src/components/sections/HeroFull.vue


Theming

Style is defined into 3 files:

πŸ“‹ Core file

src/assets/scss/core/sections/_hero.scss
πŸ‘†πŸš« Don’t edit this file!

πŸ“‹ Settings file

src/assets/scss/settings/sections/_hero.scss
πŸ‘† Use this to adjust Sass variables

πŸ“‹ Theme file

src/assets/scss/theme/sections/_hero.scss
πŸ‘† Use this to add custom CSS

Learn more about the Sass logic behind each template.
Last updated on August 17, 2021