Thank you for purchasing this template. If you have any questions that are beyond the scope of this help file, please feel free to submit a support ticket. Thank you!
Careers offers three color skins to choose from. In order to change the default one, you need to add the css file of the respective color after responsive.css file.
For example for the Green color you need to add this code:
<link rel="stylesheet" href="css/color/green.css">
And the header HTML should look like this:
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>Homepage - Careers</title>
<!-- Stylesheets -->
<link href='http://fonts.googleapis.com/css?family=Lato:400,700,400italic,700italic|Roboto+Condensed:400,700' rel='stylesheet' type='text/css'>
<link rel="stylesheet" href="css/bootstrap.css">
<link rel="stylesheet" href="css/font-awesome.min.css">
<link rel="stylesheet" href="css/flexslider.css">
<link rel="stylesheet" href="css/style.css">
<link rel="stylesheet" href="css/responsive.css">
<link rel="stylesheet" href="css/color/green.css">
<!--[if IE 9]>
<script src="js/media.match.min.js"></script>
<![endif]-->
</head>
Note: You have to do this for all html files.
To use the boxed layout you need to add the class .boxed-layout to the <body> tag.
The code should look like this:
<body class="boxed-layout">
Note: You have to do this for all html files.
To disable the loading fadein animation replace this code on style.css file:
body {
background: #ffffff;
color: #303c42;
font-size: 14px;
font-family: 'Lato', Helvetica, Arial, sans-serif;
line-height: 20px;
cursor: default;
-webkit-font-smoothing: antialiased;
opacity: 0;
}
body.loaded {
background: url(../img/bg-pattern.png) repeat 0 0;
opacity: 1;
-webkit-transition: opacity 0.3s ease-in;
-moz-transition: opacity 0.3s ease-in;
-o-transition: opacity 0.3s ease-in;
transition: opacity 0.3s ease-in;
}
with this one:
body {
background: #ffffff url(../img/bg-pattern.png) repeat 0 0;
color: #303c42;
font-size: 14px;
font-family: 'Lato', Helvetica, Arial, sans-serif;
line-height: 20px;
cursor: default;
-webkit-font-smoothing: antialiased;
}
body.loaded {
-webkit-transition: opacity 0.3s ease-in;
-moz-transition: opacity 0.3s ease-in;
-o-transition: opacity 0.3s ease-in;
transition: opacity 0.3s ease-in;
}
All the JavaScript functions for this template have been placed in script.js file. If you're going to do major modifications to this template you may need to remove/edit some functions.
Once again, thank you so much for purchasing this template. As I said at the beginning, I'd be glad to help you if you have any questions relating to this template. No guarantees, but I'll do my best to assist. If you have a more general question relating to the items on CodeCanyon, you might consider visiting the forums and asking your question in the "Item Discussion" section.