CSS

Customizing Compiled .css Files:

If you prefer not to use SASS, you can customize the compiled .css files located in the [entrada-project-directory/assets/css/] folder.

In case you don't find these CSS files, ensure you've followed the steps on the Getting Started page, up to running the gulp command.

Folder Structure
  • css
    • app.css // all the theme's related css are define in this file.
    • app.min.css // minified version of app.css
    • bootstrap.css // all bootstrap style compiled here
    • bootstrap.min.css // minified version of bootstrap.css
    • custom.css // add customization styles here
    • custom.min.css // minified version of custom.css

After making changes, ensure the correct CSS files (minified or unminified) are loaded in the HTML files.

Recommendation for CSS Customization
It's strongly recommended to make changes in the /assets/css/custom.css file rather than modifying any of the theme's custom scss files. This approach helps in safely updating without affecting SCSS changes.
If using customized compiled .css files, be cautious not to run the gulp command subsequently, as it may overwrite your CSS changes with SCSS file updates.