Thank you for purchasing our theme. If you have any questions that are beyond the scope of this help file, please contact us at fvdthemes@gmail.com
This theme is a responsive layout with 1-12 columns. Here is the general structure.
The file is separated into sections using:
/*--------------------------------------- 1 VARIABLES -----------------------------------------*/ some code /*--------------------------------------- 2 GLOBAL STYLES -----------------------------------------*/ some code /*--------------------------------------- 3 TOP BAR -----------------------------------------*/ some code etc, etc.
If you would like to edit a specific section of the site, simply find the appropriate label in the LESS file, and then scroll down until you find the appropriate style that needs to be edited. Then compile LESS file to theme.css
Check the "css/master.css". You will find an available link with all colors. Blue is the default color. Likewise, if you want to use any other color, you can remove the comment and make another color active.
Otherwise, simply replace the variables in the file "less/theme.less" to create your own unique color scheme. Then compile LESS file to theme.css
This theme imports three Javascript files.
Attachment contains the working script for the contact form sendmail.php
In order for the script to work, you must add the form tag to the page - contacts.html
<form action="js/sendmail.php" role="form" method="post" autocomplete="off" id="contactForm">
So, you need to make the connection to the library jquery.form.js
<script src='js/jquery.form.js'></script>
To initialize your form, you need to access the file theme.js
var options = {
target: '.message .alert',
beforeSubmit: showRequest,
success: showResponse
};
$('#contactForm').ajaxForm(options);
function showRequest(formData, jqForm, options) {
var queryString = $.param(formData);
return true;
}
function showResponse(responseText, statusText) {
}
Added styles for the contact form
To change the location in the map, please read following instructions:
1. Open Google map, select an object and copy its coordinates (location).If you want to receive incoming email at several emails, you need to write the emails using comma: email_1, email_2, email_3 etc...
<!-- JQUERY FORM -->
<script src='js/jquery.form.js'></script>
/*=======================================
Bookform
=========================================*/
$(document).on('click', '.message-close-button', function(){
$(this).parents('.message').dequeue().hide('fast');
});
if($('.bookform-form').length !== 0){
$(document).on('focusin', '.bookform-form .error', function(){
$(this).parents('.bookform-form').find('.form-messages .message').dequeue().hide('fast');
});
$('.bookform-form').submit(function(){
var $form_block = $(this),
form_url = $form_block.prop('action'),
$messages = $form_block.find('.form-messages');
$.ajax({
type: "POST",
data: $form_block.serialize(),
url: form_url,
success: function(data){
$messages.html('');
$(data).appendTo($messages);
$suc = $form_block.find('.message-success');
$er = $form_block.find('.message-error');
if ($suc.is(':visible')){
$er.hide('fast');
$suc.show('fast').delay('4000').hide('fast');
$form_block.clearForm();
} else {
$suc.hide('fast');
$er.show('fast');
}
}
});
return false;
});
}
<form class="bookform-form" action="js/sendmail-book.php" role="form" method="post">
.message-close {position:relative;}
.form-messages-modal .message {
position:absolute;
left:50%;
top:50%;
z-index:20;
transform:translate(-50%,-50%);
}
.message-close-button {
display:block;
position:absolute;
right:5px;
top:5px;
background:none;
border:none;
width:20px;
}
.message-close-button .fa {
font-size:16px;
}
.message-item-list {
padding:5px 0 0 0;
}
.message-close .alert {
padding:25px;
}
<input type="hidden" name="form-doctor" value="Custom Doctor Name">
Once again, thank you so much for purchasing this theme. Like I said in the beginning, I'd be glad to help you, if you have any questions related to this theme. No guarantees, but I'll do my best to assist. If you have any other general questions related to the theme at ThemeForest, you might consider visiting the forums and asking your question in the "Item Discussion" section.