Hello!
Thanks for your interest to our template!
This item is a set of regular static HTML files without any backend code.
You can find a WordPress version of this design here:
https://themeforest.net/item/lifeguide-personal-and-life-coach-wordpress-theme/19768004
Best regards!

Hello! Thanks for purchase!
If you want to change the color schemes for this template, such as the main color, simply replace all instances of the main color hex code with the color hex value you want in the “main.css” file.
Best regards!

For HTML version please submit a refund request.
Best Regards!

i don’t think i should pay 54 more dollars

pardon my error – 59 more

For HTML version please submit a refund request.
Best Regards!

jQuery(window).on('load', function(){
    windowLoadInit();

    //Google Map script
    var $googleMaps = jQuery('#map, .page_map');
    if ( $googleMaps.length ) {
        $googleMaps.each(function() {
            var $map = jQuery(this);

            var lat;
            var lng;
            var map;

            //map styles. You can grab different styles on https://snazzymaps.com/
            var styles = [{"featureType":"administrative","elementType":"labels.text.fill","stylers":[{"color":"#444444"}]},{"featureType":"landscape","elementType":"all","stylers":[{"color":"#f2f2f2"}]},{"featureType":"poi","elementType":"all","stylers":[{"visibility":"off"}]},{"featureType":"road","elementType":"all","stylers":[{"saturation":-100},{"lightness":45}]},{"featureType":"road.highway","elementType":"all","stylers":[{"visibility":"simplified"}]},{"featureType":"road.arterial","elementType":"labels.icon","stylers":[{"visibility":"off"}]},{"featureType":"transit","elementType":"all","stylers":[{"visibility":"off"}]},{"featureType":"water","elementType":"all","stylers":[{"color":"#46bcec"},{"visibility":"on"}]}];

            //map settings
            var address = $map.data('address') ? $map.data('address') : 'london, baker street, 221b';
            var markerDescription = $map.find('.map_marker_description').prop('outerHTML');

            //if you do not provide map title inside #map (.page_map) section inside H3 tag - default titile (Map Title) goes here:
            var markerTitle = $map.find('h3').first().text() ? $map.find('h3').first().text() : 'Map Title';
            var markerIconSrc = $map.find('.map_marker_icon').first().attr('src');

            //type your address after "address=" 
            jQuery.getJSON('http://maps.googleapis.com/maps/api/geocode/json?address=' + address, function(data) {

                lat = data.results[0].geometry.location.lat;
                lng = data.results[0].geometry.location.lng;

            }).complete(function(){

                var center = new google.maps.LatLng(lat, lng);
                var settings = {
                    mapTypeId: google.maps.MapTypeId.ROADMAP,
                    zoom: 16,
                    draggable: false,
                    scrollwheel: false,
                    center: center,
                    styles: styles 
                };
                map = new google.maps.Map($map[0], settings);

                var marker = new google.maps.Marker({
                    position: center,
                    title: markerTitle,
                    map: map,
                    icon: markerIconSrc,
                });

                var infowindow = new google.maps.InfoWindow({ 
                    content: markerDescription
                });

                google.maps.event.addListener(marker, 'click', function() {
                    infowindow.open(map,marker);
                });

            });
        }); //each
    }//google map length

}); //end of "window load" event

function initGoogleMap() {
        //Google Map script
        var $googleMaps = $('#map, .page_map');
        if ( $googleMaps.length ) {
            $googleMaps.each(function() {
                var $map = $(this);

                var lat;
                var lng;
                var map;

                // light style
                var styles = [{"featureType": "water","elementType": "geometry","stylers": [{"color": "#e9e9e9"},{"lightness": 17}]},{"featureType": "landscape","elementType": "geometry","stylers": [{"color": "#f5f5f5"},{"lightness": 20}]},{"featureType": "road.highway","elementType": "geometry.fill","stylers": [{"color": "#ffffff"},{"lightness": 17}]},{"featureType": "road.highway","elementType": "geometry.stroke","stylers": [{"color": "#ffffff"},{"lightness": 29},{"weight": 0.2}]},{"featureType": "road.arterial","elementType": "geometry","stylers": [{"color": "#ffffff"},{"lightness": 18}]},{"featureType": "road.local","elementType": "geometry","stylers": [{"color": "#ffffff"},{"lightness": 16}]},{"featureType": "poi","elementType": "geometry","stylers": [{"color": "#f5f5f5"},{"lightness": 21}]},{"featureType": "poi.park","elementType": "geometry","stylers": [{"color": "#dedede"},{"lightness": 21}]},{"elementType": "labels.text.stroke","stylers": [{"visibility": "on"},{"color": "#ffffff"},{"lightness": 16}]},{"elementType": "labels.text.fill","stylers": [{"saturation": 36},{"color": "#333333"},{"lightness": 40}]},{"elementType": "labels.icon","stylers": [{"visibility": "off"}]},{"featureType": "transit","elementType": "geometry","stylers": [{"color": "#f2f2f2"},{"lightness": 19}]},{"featureType": "administrative","elementType": "geometry.fill","stylers": [{"color": "#fefefe"},{"lightness": 20}]},{"featureType": "administrative","elementType": "geometry.stroke","stylers": [{"color": "#fefefe"},{"lightness": 17},{"weight": 1.2}]}];

                //markers
                var $markers = $map.find('.marker');

                //map settings
                var address = $markers.first().find('.marker-address').text() ? $markers.first().find('.marker-address').text() : 'london, baker street, 221b';
                var geocoder = new google.maps.Geocoder();

                var draggable = $map.data('draggable') ? $map.data('draggable') : false;
                var scrollwheel = $map.data('scrollwheel') ? $map.data('scrollwheel') : false;

                //type your address after "address=" 
                geocoder.geocode({
                    address: address
                }, function(data){

                    lat = data[0].geometry.location.lat();
                    lng = data[0].geometry.location.lng();

                    var center = new google.maps.LatLng(lat, lng);
                    var settings = {
                        mapTypeId: google.maps.MapTypeId.ROADMAP,
                        zoom: 16,
                        draggable: draggable,
                        scrollwheel: scrollwheel,
                        center: center,
                        styles: styles
                    };
                    map = new google.maps.Map($map[0], settings);

                    var infoWindows = [];

                    $($markers).each(function(index) {

                        var $marker = $(this);
                        var markerTitle = $marker.find('.marker-title').text();

                        //building info widnow HTML code
                        var markerDescription = '';
                        markerDescription += markerTitle ? '<h3 class="makret-title">' + markerTitle + '</h3>' : '';
                        markerDescription += $marker.find('.marker-description').html() ? '<div class="marker-description">' + $marker.find('.marker-description').html() + '</div>' : '';
                        if(markerDescription) {
                            markerDescription = '<div class="map_marker_description">' + markerDescription + '</div>';
                        }

                        geocoder.geocode({
                            address: $marker.find('.marker-address').text()
                        }, function(data){
                            var iconSrc = $marker.find('.marker-icon').attr('src');

                            var lat = data[0].geometry.location.lat();
                            var lng = data[0].geometry.location.lng();

                            var center = new google.maps.LatLng(lat, lng);

                            var marker = new google.maps.Marker({
                                position: center,
                                title: markerTitle,
                                map: map,
                                icon: iconSrc
                            });

                            var infowindow = new google.maps.InfoWindow({
                                content: markerDescription
                            });

                            infoWindows.push(infowindow);

                            google.maps.event.addListener(marker, 'click', function() {
                                for (var i=0;i<infoWindows.length;i++) {
                                    infoWindows[i].close();
                                }
                                infowindow.open(map,marker);
                            });
                        });
                    });
                });
            }); //each Google map
        }//google map length
    }
    window.initGoogleMap=initGoogleMap;

it gives an error. please fix it on your demo site. I look at the demo site and edit the codes. best regards!

Hello, now you can see that the map work fine: http://webdesign-finder.com/html/lifeguide/contact.html
If you will have some difficult please contact us.
Best Regards!

 <a href="#" data-filter=".photos">photos</a>

<div class="isotope-item col-lg-3 col-md-6 col-sm-12 photos">
    <div class="vertical-item gallery-item content-absolute text-center cs">
        <div class="item-media">
            <img src="images/gallery/01.jpg" alt="" />
        </div>
    </div>
</div>

Thanks, for the reply. But if i had 30 images wouldnt my HTML file be super long? Or is this the only way

Sorry, but is the only way.
Best regards!

Hello, can you provide a screenshot of your issues?
Best Regards!

Hello! Thanks for question and sorry for delay!
This calendar is only front end markup and styles for wordpress booked plugin, please check wordpress version https://themeforest.net/item/lifeguide-personal-and-life-coach-wordpress-theme/19768004
Best Regards!

Hello!
There was changes in Google Maps API. You need to set up your billing account and get a new API key. Best regards!

That means i have to pay google? or is just a new procedure?

Use this link for getting Google API Key
https://developers.google.com/maps/documentation/embed/get-api-key

Hello,
Looks like you are addressing to the wrong item. It does not looks like your site was built with this template

Thanks, I did add the code but it doesn’t seem to work? I now have this in main.js from line 812:

Can you provide a link to your site?

Sure, I just sent you a message with the link via Envato

Hello,
You can change it in main.js file that located in js/ folder. You need lines 746, 747

Thanks!

Try the following:
1. Change the background color of slides from color to dark

from
<ul class="slides"> <li class="cs"> ... </li> </ul>
to
<ul class="slides"> <li class="ds"> ... </li> </ul>
Now your text will become grey. You can make it white again just adding “grey” class to it
<p class="big grey"> ... </p>

Thanks a lot! Works OK. Great support.

UPDATE: In F12 mode By disabiling height:100% in .intro_section .slide_description_wrapper::before class the title goes up! But a dont know is this is ok.. Thanks.

Return “height: 100%;” back and add this css
.intro_section .slide_description_wrapper { font-size: 0; } .intro_section .slide_description { font-size: 16px; }
This should align vertical your content. But, also, you should consider to reduce font-size since you have long strings on some slides and it does not fit by the height

WOW! Great Support… i often buy templates for my client proyects and i never had this kind of support. Congrats. One last thing… any tip to include a black 50% layer in to the slider to make more titles more visible? Im shure have to look your portfolio for futher Works. Thanks again.

Hello! Thanks for purchase!
Please try following solution:
https://blog.polarbits.co/2014/02/16/quick-tips-5-column-layout-with-twitter-bootstrap/
Best regards!

Thanks, this works ok!

We are glad to assist you!

Thanks it works OK

Works like a charm! BUT… what’s the best way to also include other parameters such as First and last Name?

For this purpose you need to make some adjustments in main.js and store-address.php

1. Replace line 580 in main.js data: 'ajax=true&email=' + escape($form.find('.mailchimp_email').val()), with this data: 'ajax=true&email=' + escape($form.find('.mailchimp_email').val()) + '&fname=' + escape($form.find('.mailchimp_fname').val()) + '&lname=' + escape($form.find('.mailchimp_lname').val()),

2. Replace line 24 in store-address.php if($api->listSubscribe($list_id, $_GET['email'], '' ) === true) { with this if($api->listSubscribe($list_id, $_GET['email'], array( 'FNAME' => $_GET['fname'], 'LNAME' => $_GET['lname']) ) === true) {

Here is html code for subscribe section <section class="ls ms section_padding_150 section_subscribe parallax"> <div class="container"> <div class="row"> <div class="col-md-offset-1 col-md-10 col-lg-offset-2 col-lg-8 text-center"> <h2 class="section_header"> Gain a Successful Life </h2> <p> Subscribe to our Newsletter right now to be updated. We promice not to spam! </p> </div> </div> <div class="row"> <div class="col-sm-6 col-sm-offset-3 text-center"> <div class="widget"> <form class="signup" action="./" method="get"> <div class="form-group"> <input name="first-name" type="text" class="form-control mailchimp_fname" placeholder="First Name"> </div> <div class="form-group"> <input name="last-name" type="text" class="form-control mailchimp_lname" placeholder="Last Name"> </div> <div class="form-group"> <input name="email" type="email" class="mailchimp_email form-control" placeholder="Your Email Address"> </div> <div class="subscribe-submit"> <button type="submit" class="theme_button color1"> Subscribe </button> </div> <div class="response"> </div> </form> </div> </div> </div> </div> </section>

WORKED PERFECTLY! Thanks so much! #GreatSupport!

Hello!
According to Envato Terms we have replaced all images with placeholders.
You can find note about this in template description.

We provide a list of links to used images in template documentation

Hello!
WordPress version will be available soon, it is on reviewing now.
If HTML Template does not suit you then create a refund request