Add hooks for custom.css about hugo-hero-theme HOT 4 CLOSED

One option is to copy themes/hugo-hero-theme/assets/scss/* into your base project at assets/scss/*. From there you can customize the stylesheets to your hearts content and your generated site will use these overridden styles.

This is what I did to achieve the same thing in my site that uses this theme.

Another option is create an additional set of stylesheets. To add them to the HTML page you will then copy up the theme template at themes/hugo-hero-theme/layouts/_default/baseof.html into your root project at layouts/_default/baseof.html. Once it is pulled into your root project it will be used instead of the theme's file, and you can amend it to include your new stylesheets in additional to the theme's default styles.

from hugo-hero-theme.

See #38, this PR allows custom CSS and JS injection

from hugo-hero-theme.

You can edit the scripts.js or the scss files. Can you help me understand why this approach is preferred by you?

from hugo-hero-theme.

@RobertAlbus, to clarify, the project folder structure should be like this?

MyAwesomeWebsite
    archetypes
    assets
        scss
            components
                _filetoedit.scss
    config.toml
    content
    data
    layouts
    public
    resources
    static
    themes

Or do all the folders and files need to be copied into my project? Something like:

MyAwesomeWebsite
    archetypes
    assets
        scss
            components
                _<bunch of files>.scss
            libraries
            pages
    config.toml
    content
    data
    layouts
    public
    resources
    static
    themes

from hugo-hero-theme.