Fluxus

Appearance

Theme Files ​

If you are willing to modify theme files you will find many helpful comments in every file. Modifying the files will impact the ability to update this theme in future. To prevent this be sure that you place your modifications in special files: user.css, user.js and user.php, all located in the theme root folder. These files are empty on purpose and are meant for your customizations.

Modifying CSS ​

Place all your CSS modifications in the user.css file, located in the theme root folder. It is loaded after all other theme styles, so your rules will take precedence.

For quick tweaks you can also go to Appearance > Theme Options and place your CSS code in the Custom CSS textarea on the General Settings tab. This method is best used as temporary, keeping your styles in user.css is better practice.

Colors and skin (Light or Dark) can be changed without any CSS at all, go to Appearance > Customize > Colors.

CSS Files ​

  • style.css - contains all the theme styles.
  • user.css - contains user modifications.
  • css/global.css - contains default styles for tags.
  • css/normalize.css - CSS reset.
  • css/icomoon.css - contains definitions of the icon font generated using icomoon.io. The icon set embedded is called Entypo.
  • css/responsive.css - contains all the rules for website responsiveness.
  • css/editor.css - styles for the WordPress editor.
  • css/ie.css - fixes for old Internet Explorer versions.
  • css/skins/ - skins folder (light.css and dark.css).
  • css/wp-admin/ - folder that contains all CSS files used in WordPress admin UI.

Note that the theme stylesheets are compiled from SCSS sources which are included in the scss/ folder.

JavaScript Files ​

  • js/main.js - main JavaScript file.
  • js/helpers.js - helper functions.
  • js/utils.js - contains small jQuery plugins and other snippets.
  • js/full-page-slider.js - Full Page Slider functionality.
  • js/burger-menu.js - mobile menu functionality.
  • js/maps.js - Google Maps integration used on the Contacts template.
  • js/jquery.fluxus-grid.js - jQuery plugin used for Grid Portfolio.
  • js/jquery.fluxus-lightbox.js - jQuery lightbox.
  • js/jquery.tinyscrollbar.js - jQuery plugin that enables content scrollbars.
  • js/jquery.sharrre.js - jQuery plugin that concatenates social networks share count.
  • js/fastclick.js - removes tap delay on touch devices.
  • js/normalize-wheel.js - normalizes mouse wheel behavior across browsers.
  • js/html5.js - HTML5 enabling script for IE.
  • js/libs/ - third party libraries.
  • js/wp-admin/ - scripts used in WordPress admin UI.
  • user.js - contains user modifications (located in the theme root folder).

Modifying JavaScript ​

Place your modifications in the user.js file, located in the theme root folder. This file will be loaded after all the other Fluxus scripts. jQuery and plugins included in utils.js file are accessible in this file.

Adding JavaScript Snippets ​

Go to Appearance > Theme Options, locate a setting called Custom JS on the General Settings tab. Paste your JavaScript in that field, it will be placed in the footer of every page. Note: you do not need to include <script> tags.

Modifying PHP Files ​

Place your modifications inside the user.php file, located in the theme root folder. This file is included at the very end of functions.php file.

Photoshop Files ​

All Photoshop files required for further styling can be found in the /psd folder of the theme Zip package.