Mainly three main CSS files are used in this theme. The first one bootstrap.css, second one is style.css which for this template and third one is responsive.css to control responsive layouts.

If you would like to edit a specific section of the site, simply find the appropriate label in the CSS file, and then scroll down until you find the appropriate style that needs to be edited.

These are the css files that are loaded into templates in top of style.css file labled as imported css.

  @import url(bootstrap.min.css);
  @import url(bootstrap-select.min.css);
  @import url(owl.carousel.css);
  @import url(owl.theme.default.min.css);
  @import url(nouislider.css);
  @import url(nouislider.pips.css);
  @import url(jquery.bootstrap-touchspin.css);
  @import url(magnific-popup.css);

  @import url(animate.min.css);
  @import url(hover-min.css);
  @import url(../plugins/fontawesome-5/css/fontawesome-all.min.css);
  @import url(../plugins/icofont/css/icofont.css);
  @import url(../plugins/Wallox -icon/style.css);
                  

Fonts

By default, the template loads this font from Google Web Font Services, you can change the font with the one that suits you best.

  @import url(https://fonts.googleapis.com/css?family=Quicksand:200,300,400,600,700,800,900);