Skip to content

Jeff Balicki / FP_Canada

Go to a project
Toggle navigation
Toggle navigation pinning
0a263017 by Jeff Balicki
Options

eee

1 parent 934377c9
Inline Side-by-side
Showing 12 changed files with 273 additions and 22 deletions
......@@ -17027,8 +17027,12 @@ ss3-force-full-width {
#exampleModalLong {
padding-right: 0px !important;
}
#exampleModalLong .modal-body {
color: #5B6770;
}
#exampleModalLong .wpcf7-form {
margin-top: -30px;
color: #5B6770;
}
#exampleModalLong .modal-content {
top: 10px !important;
......@@ -17071,7 +17075,7 @@ ss3-force-full-width {
z-index: 99999;
}
#exampleModalLong .modal-dialog {
width: 800px;
width: 850px;
margin-top: 1%;
font-size: 1rem !important;
max-width: unset !important;
......@@ -17085,6 +17089,7 @@ ss3-force-full-width {
}
#exampleModalLong .wpcf7 label {
font-size: 1rem !important;
color: #5B6770;
}
#exampleModalLong h5.modal-title, #exampleModalLong .modal-title.h5 {
margin-bottom: 5px;
......@@ -17107,7 +17112,7 @@ ss3-force-full-width {
padding: 20px !important;
min-height: 550px;
}
#exampleModalLong .wpcf7 .wpcf7-form-control-wrap input:not([type=checkbox]) {
#exampleModalLong .wpcf7 .wpcf7-form-control-wrap input:not([type=checkbox]):not([type=radio]) {
width: 100% !important;
border-radius: 0px !important;
}
......@@ -17213,6 +17218,116 @@ ss3-force-full-width {
font-size: 0.8rem;
}
.topics {
margin-bottom: 10px;
}
.topics .wpcf7-list-item {
width: 190px;
}
/* custom checkbox styling for contact form 7 checkbox */
span.wpcf7-list-item {
display: inline-block;
margin: 0;
}
.wpcf7 .wpcf7-list-item {
margin-bottom: 5px;
}
.wpcf7-checkbox label {
position: relative;
cursor: pointer;
}
.wpcf7-checkbox input[type=checkbox] {
/*position: relative;*/
position: absolute;
visibility: hidden;
width: 18px;
height: 218px;
top: 0;
left: 0;
}
.wpcf7-checkbox input[type=checkbox] + span {
/* border: 3px solid red; */
}
.wpcf7-checkbox input[type=checkbox] + span:before {
display: block;
position: absolute;
content: "";
border-radius: 0;
height: 18px;
width: 18px;
top: 0px;
left: 0px;
border: 1px solid #707070;
}
.wpcf7-checkbox input[type=checkbox] + span:after {
position: absolute;
content: "";
display: block;
top: 2px;
left: 5px;
width: 8px;
height: 12px;
border-style: solid;
border-color: #707070;
border-width: 0 3px 3px 0;
transform: rotate(45deg);
visibility: hidden;
}
.wpcf7-checkbox input[type=checkbox]:checked + span:before {
background: transparent;
}
.wpcf7-checkbox input[type=checkbox]:checked + span:after {
visibility: visible;
}
.wpcf7-list-item-label {
margin-left: 30px;
display: inline-block;
vertical-align: top;
}
.wpcf7-radio .wpcf7-list-item {
margin-top: 10px;
}
.wpcf7-radio .wpcf7-list-item-label {
margin-left: 10px;
width: 200px;
}
input[type=radio] {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border-radius: 50%;
width: 16px;
height: 16px;
border: 2px solid #707070;
transition: 0.2s all linear;
margin-right: 5px;
position: relative;
top: 4px;
}
input[type=radio]:checked {
border: 2px solid #707070;
outline: unset !important;
background-color: #707070;
}
.wpcf7-form-control-wrap.topics {
padding-top: 10px;
display: block;
}
body {
font-family: "Calibri";
}
......
This diff could not be displayed because it is too large.
This diff could not be displayed because it is too large.
This diff could not be displayed because it is too large.
......@@ -5,8 +5,7 @@ function send_planner_notice()
$name = $_REQUEST['name'];
$email = $_REQUEST['email'];
$phone = $_REQUEST['phone'];
$age = $_REQUEST['age'];
$about = $_REQUEST['about'];
$about = $_REQUEST['topics'];
$contact = $_REQUEST['contact'];
$panner_id = $_REQUEST['planner_id'];
......@@ -96,7 +95,7 @@ function send_planner_notice()
</tr>
<tr>
<td colspan="3" style="padding:0 0 36px 0;color:#153643;">
<?php echo "<table class='f-16'><tr><td>NAME:</td><td>" . $name . "</td></tr><tr><td>EMAIL:</td><td>" .$email . "</td></tr><tr><td>PHONE:</td><td>" . $phone . "</td></tr><tr><td>AGE:</td><td>" .$age . "</td></tr><tr><td>CONTACT BY:</td><td>" . $contact . "</td></tr><tr><td colspan='2'>TALK ABOUT:<br><br>" .$about . "</td></tr></table>"; ?>
<?php echo "<table class='f-16'><tr><td>NAME:</td><td>" . $name . "</td></tr><tr><td>EMAIL:</td><td>" .$email . "</td></tr><tr><td>PHONE:</td><td>" . $phone . "</td></tr><tr><td>AGE:</td><td>" .$age . "</td></tr><tr><td>CONTACT BY:</td><td>" . $contact . "</td></tr><tr><td colspan='2'>TALK ABOUT:<br>" .$about . "</td></tr></table>"; ?>
</td>
</tr>
<tr style="background:#ffffff;">
......
......@@ -186,3 +186,10 @@ function custom_no_results() {
return $output;
}
function custom_settings( $settings ) {
$settings['startMarker'] = '';
$settings['excludeStartFromCluster'] = true;
return $settings;
}
add_filter( 'wpsl_js_settings', 'custom_settings' );
\ No newline at end of file
......
......@@ -63,22 +63,22 @@ jQuery( document ).ready(function($) {
$( "#wpsl-search-input" ).on( "keydown", function(event) {
if(event.which == 13){
$('#wpsl-s').show();
$('#wpsl-gmap').removeClass('full');
}
});
$( "#wpsl-search-btn" ).on( "keydown", function(event) {
if(event.which == 13){
$('#wpsl-s').show();
$('#wpsl-gmap').removeClass('full');
}
});
$( "#wpsl-search-input" ).focusout(function(e){
if($(this).val() !=""){
$('#wpsl-s').show();
$( "#wpsl-search-btn").click();
if($(this).val() !="" && $('#wpsl-gmap').hasClass('full')){
$('#wpsl-gmap').removeClass('full');
$("#wpsl-search-btn").click();
}
});
......@@ -307,7 +307,14 @@ $(window).on('load resize scroll', function() {
return;
}
event.preventDefault();
var service_choices = "";
$('.topics input[type="checkbox"]:checked').each(function() {
if(service_choices == "") {
service_choices = $(this).val();
} else {
service_choices += ", " + $(this).val();
}
});
var html= '<h5 class="modal-title" style="text-align:center;" id="exampleModalLongTitle">THANK YOU FOR REQUESTING A CONVERSATION.</h5><p><center>Your choice of professional financial planner will reply within one business day.</center></p>';
jQuery.ajax({
......@@ -319,8 +326,7 @@ $(window).on('load resize scroll', function() {
email: $("[name='your-email']").val(),
phone: $("[name='your-phone']").val(),
planner_id: $("[name='planner_id']").val(),
age: $("[name='your-age']").val(),
about: $("[name='talk-about']").val(),
topics: service_choices,
contact: $("[name='contact-by']").val(),
},
......@@ -329,7 +335,7 @@ $(window).on('load resize scroll', function() {
},
success: function(response) {
$('#exampleModalLong').find('form').html(html);
$('#exampleModalLong').find('form').append(response.data.html);
$('#exampleModalLong').find('form').append();
$('#exampleModalLong').find('form').show();
}
......
......@@ -74,10 +74,11 @@ jQuery( document ).ready(function($) {
empty = true;
}
});
if (!$('input[name="acceptance[]"]').is(":checked")) {
if ($('input[name="topics[]"]:checked').length == 0) {
empty = true;
}
if (!$('textarea[name="talk-about"]').val().trim().length > 0) {
if (!$('input[name="acceptance[]"]').is(":checked")) {
empty = true;
}
if (empty) {
......
......@@ -498,8 +498,12 @@ span.number-med.last{
#exampleModalLong {
padding-right: 0px !important;
.modal-body {
color: #5B6770;
}
.wpcf7-form{
margin-top: -30px;
color:#5B6770;
}
......@@ -551,7 +555,7 @@ span.number-med.last{
z-index: 99999;
}
.modal-dialog {
width: 800px;
width: 850px;
margin-top: 1%;
font-size:16px !important;
max-width: unset !important;
......@@ -564,6 +568,7 @@ span.number-med.last{
}
.wpcf7 label {
font-size:16px !important;
color:#5B6770;
}
h5.modal-title {
......@@ -588,7 +593,7 @@ span.number-med.last{
padding: 20px !important;
min-height: 550px;
}
.wpcf7 .wpcf7-form-control-wrap input:not([type="checkbox"]){
.wpcf7 .wpcf7-form-control-wrap input:not([type="checkbox"]):not([type="radio"]){
width: 100% !important;
border-radius: 0px !important;
}
......@@ -699,3 +704,110 @@ height: 87vh;
.small-caps{
font-size: 0.8rem;
}
.topics{
margin-bottom: 10px;
.wpcf7-list-item{
width: 190px;
}
}
/* custom checkbox styling for contact form 7 checkbox */
span.wpcf7-list-item {
display: inline-block;
margin: 0;
}
.wpcf7 .wpcf7-list-item {
margin-bottom: 5px;
}
.wpcf7-checkbox label {
position: relative;
cursor: pointer;
}
.wpcf7-checkbox input[type=checkbox] {
/*position: relative;*/
position: absolute;
visibility: hidden;
width: 18px;
height: 218px;
top: 0;
left: 0;
}
.wpcf7-checkbox input[type=checkbox] + span {
/* border: 3px solid red; */
}
.wpcf7-checkbox input[type=checkbox] + span:before {
display: block;
position: absolute;
content: '';
border-radius: 0;
height: 18px;
width: 18px;
top: 0px;
left: 0px;
border: 1px solid #707070;
}
.wpcf7-checkbox input[type=checkbox] + span:after {
position: absolute;
content: "";
display: block;
top: 2px;
left: 5px;
width: 8px;
height: 12px;
border-style: solid;
border-color: #707070;
border-width: 0 3px 3px 0;
transform: rotate(45deg);
visibility: hidden;
}
.wpcf7-checkbox input[type=checkbox]:checked + span:before {
background: transparent;
}
.wpcf7-checkbox input[type=checkbox]:checked + span:after {
visibility: visible;
}
.wpcf7-list-item-label {
margin-left: 30px;
display: inline-block;
vertical-align: top;
}
.wpcf7-radio{
.wpcf7-list-item{
margin-top: 10px;
}
.wpcf7-list-item-label {
margin-left: 10px;
width: 200px;
}
}
input[type=radio] {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border-radius: 50%;
width: 16px;
height: 16px;
border: 2px solid #707070;
transition: 0.2s all linear;
margin-right: 5px;
position: relative;
top: 4px;
}
input[type=radio]:checked {
border: 2px solid #707070;
outline: unset!important;
background-color: #707070;
}
.wpcf7-form-control-wrap.topics {
padding-top: 10px;
display: block;
}
\ No newline at end of file
......
......@@ -179,3 +179,4 @@ a.wp-block-button__link:hover{
background-color: #005eb8;
text-decoration: none !important;
}
......
......@@ -5,7 +5,7 @@
Author: the Understrap Contributors
Author URI: https://github.com/understrap/understrap-child/graphs/contributors
Template: understrap
Version: 1.1.30377
Version: 1.1.30378
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: understrap-child
......
......@@ -37,7 +37,8 @@ $output .= '<style>
}
#label-search-input{
color:#5B6770;
font-size:20px;
display: inline-block;
text-align: unset;
overflow: hidden;
......@@ -64,7 +65,7 @@ $output .= '<style>
disply:none !important;
}
#wpsl-s{
display:none;
margin-top:20px;
}
#wpsl-gmap,
......@@ -108,7 +109,7 @@ margin-top:-2px;
margin-left: 20px;
}
#wpsl-gmap.full{
#wpsl-gmap{
position: absolute;
width: 50%;
overflow: hidden;
......@@ -117,6 +118,15 @@ margin-top:-2px;
transition-delay:3s;
}
#wpsl-gmap.full{
position: absolute;
width: 100%;
overflow: hidden;
margin-left: -50%;
transition:0.5s;
transition-delay:3s;
}
.location_distance{
display:none !important;
float: none !important;
......