Created: 03/28/2011
By: imediapixel
Email: imediapixel@gmail.com
Thank you for purchasing my theme. If you have any questions that are beyond the scope of this help file, please feel free to email via my user page contact form here. Thanks so much!
below the structure for slideshow :
You can change the images source with your own images, make sure you put your image in images folder, so it's make easier to organize. The slideshow div divide into two sections, for text wrapper <div class="slide-text"> and image block <div class="slide-img">.
There are seven css files:
1) style.css (use for all pages, the main css file)
2} prettyPhoto.css(used for lightbox styling)
4) jqueryslidemenu.css (for menu styling)
4) nivo-slider.css (for nivo slider styling)
6) reset.css (use for reset browser behavior)
The style.css file contains all of the specific stylings for the page. The file is separated into Section and Sub sections ,and here the summary of the structure css code :
you would do the following:
for main content:
.maincontent p {
font-size: 1.4em;
color: #4a4a4a;
}
for sidebox :
.sidebar p {
font-size: 1.4em;
color: #4a4a4a;
}
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.
to change default background color, please open style.css file and find this code block :
body {
background-color: #669100;
background-image: url(../images/pattern/grid2.png);
background-repeat: repeat;
font-family: arial, verdana, tahoma, helvetica;
}
Now change #669100 color code in background-color property in above css code with your own color, eg. #f00000
to change default background pattern , please open style.css file and find this code block :
body {Now change grid1.png pattern in background-image property in above css code with available pattern that located in images/pattern folder, eg. flower-swirl1.png , here the list of patterns that available with ECOBIZ template (25 pattern) :
background-color: #669100;
background-image: url(../images/pattern/grid2.png);
background-repeat: repeat;
font-family: arial, verdana, tahoma, helvetica;
}
to change default background color, please open style.css file and find this code block :
/* === Custom Background Image :: uncomment this code block if you want to use background image === */
/*
body {
background-image: url(../images/bg1.jpg);
background-position: top center;
background-attachment: fixed;
background-repeat: no-repeat;
}
*/
Now change the code to :
body { background-image: url(../images/bg1.jpg); background-position: top center; background-attachment: fixed; background-repeat: no-repeat; }
basically you just need to remove comment style in above code, if you want to change the background image with your own, you need to place your image in images folder first, now just change bg1.jpg with your image name.
This template imports ten Javascript files.
If you want to change main slideshow speed, please open index.html file find this code :
$(window).load(function() {you can change 3000 value in speed parameter to higher or lower number, the format is in milliseconds, also you can change the slideshow effect, for detail effect please visit http://nivo.dev7studios.com/#usage
$('#slider').nivoSlider({
effect:'random',
pauseTime:3000, // How long each slide will show
directionNav:true, // Next and Prev navigation
directionNavHide:true, // Only show on hover
controlNav:true // 1,2,3... navigation
});
});
Changing Cufon Font
If you want to use your own font, you need to generate your font first at http://cufon.shoqolate.com/ and for detail documentation please visit http://wiki.github.com/sorccu/cufon/, after you have converted your font, please place the font at fonts folder that located inside js folder (js/fonts/).
now find this script
<script type="text/javascript" src="js/fonts/ColaborateLight.js"></script>
and change ColaborateLight.js with your own font name, so the the code should be look like this :
<script type="text/javascript" src="js/fonts/yourfontname.js"></script>
I've included ten psds with this theme:
I've used the following images, script, icons or other files as listed
There are two php file called sendemail.php that used for contact form processing, to change the email address as your default email for receiving message please open submitemail.php file and change this code (about line 7) :
$mailto = "imediapixel@gmail.com";
you just need to change the variable imediapixel@gmail.com value with your own email address.
Once again, thank you so much for purchasing this theme. As I said at the beginning, I'd be glad to help you if you have any questions relating to this theme. No guarantees, but I'll do my best to assist. If you have a more general question relating to the themes on ThemeForest, you might consider visiting the forums and asking your question in the "Item Discussion" section.
imediapixel