Top

Popular Search:

CSS structure

If you dont want to use scss files, then you can skip the stes mentioned in the scss guide and ad link to the css file directly in the html file.

Link in the html will look something link this.

<link rel="stylesheet" type="text/css" href="assets/css/style.css">

We suggest that you do not make any changes in the plugins css files like bootstrap file and all files in vendors folder.

You can make changes in the custom css file like style.css

  • css
    • vendors // all plugins style css files folder
      • animate.css
      • aos.css
      • bootstrap.css
      • button-builder.css
      • calendar.css
      • chartist.css
      • datatable-extension.css
      • datatables.css
      • date-picker.css
      • daterange-picker.css
      • dropzone.css
      • feather-icon.css
      • flag-icon.css
      • icofont.css
      • image-cropper.css
      • jsgrid.css
      • mapsjs-ui.css
      • owlcarousel.css
      • page-builder.css
      • photoswipe.css
      • prism.css
      • range-slider.css
      • rating.css
      • scrollable.css
      • select2.css
      • simple-mde.css
      • sticky.css
      • summernote.css
      • svg-icon.css
      • sweetalert2.css
      • themify.css
      • timepicker.css
      • todo.css
      • tour.css
      • tree.css
      • vector-map.css
      • whether-icon.css
    • color-1.css
    • color-2.css
    • color-3.css
    • color-4.css
    • color-5.css
    • color-6.css
    • fontawesome.css // icon plugin style css file
    • responsive.css
    • style.css // customize style css file

If you want to add new css so you can add at the end of the all css in style.css file