Step2: Scroll down to the bottom of the page and go to API Page.Ĭlick the register your application button. Step1: Go to instagram main page and log in to your account. It is always best to not share and use another API. (Plugin)Ĭaution: Please follow the steps and get your own access token. In this section I'll help you get an accessToken to use instagram feed plugin. In June, Instagram updated their API and you can only get your own feed. $second-color: #FDD835 // Change this with your Second 'skin' Īfter making the color changes save it as a new file and include it in your HTML files after all other css files. $first-color: #2196F3 // Change this with your first color And copy one of the predefined color scheme files(for example: blue.scss) And change the first-color and second-color variables with yours.
How to add color scheme!Ĭreate a new file in the sass/theme-skins folder.
You can find related code in the _about.scss file or for blog pages _blog.scss and etc.
For example if you want to change something on about.html page. (Max - Min Media Queries - All related to the Bootstrap)Īll other pages are seperated. $wrapper-bg-color: #fff // Background color for content $body-bg-color: #9a9a9a // You will see this only boxed or boxed-long layout $second-font-family: 'Montserrat', Arial, sans-serif $font-family: 'Open Sans', Arial, sans-serif This will change the color scheme with your colors. For example if you want to color scheme all you need to change is $first-color and $second-color varaibles. You change some predefined styles in the _variables_scss file. Common elements are in the elements folder. All Scss files all well commented and coded. If you want to use Scss files, please see the structure image.
You can easly create one of your own with sass or creating a new skin file in the theme-skins folder and replacing the colors with yours. There are 20+ predefind color schemes in this template. But don't forget always using sass is always better and easier :) Or you can use theme-skins files for a new color scheme And change #0069b0 this code with your first color and change #c00f3c with your second color. Use CTRL/Command + H shortcuts to open find and replace. Example: How to change color scheme in style.css file? For more see revolution slider's documentation. You can change slider related styles in those files. Layer.css - navigation.css and settings.css files are related to the Revolution plugin. This file is also well commented and coded. If you don't know how to use SASS or don't need to use it, you can make your changes in style.css file. This is the beauty using gulp in development. You can delete plugins folder in production. We are using file in all pages instead of all those plugins. These files combined with gulp and gulp created plugins.css and files. (localhost:3000/simple/) You can change simple(folder name) with yours in the gulpfile.jsĪll css file used in all pages are listed in the plugins folder.
gulp (Default) - This task will create sync a local server and watch all your sass files and convert them to style.css file when the sass file changes and will also reload your browser. Please backup all your html files if you wnat to use this task. Gulp-htmlmin - This minify all of your html codes in the html file. Gulp-imagemin - This task help you to optimize all your images in the images folder. this will convert sass/theme-skins sass files to css/theme-skins files. Gulp-skins - This will create theme skin files. Gulp-sassHome - This will convert your sass/homepages files to css/homepages files Gulp-sass - This will convert your sass files to style.css file Gulp-js - This will concat all the js files in js/plugins folder and give you plugin.js and files Gulp-css - This will concat all the css files in css/plugins folder and give you plugin.css and files This will create the plugins file for your project. These are the task you can use gulp-build - This will concat all the css and js files in css/plugins and js/plugins folder and give you plugin.css,, plugins.js and files. For example we used gulp-sass to conver our SASS files to CSS.
After installing Node you need to install gulp.