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 { ...@@ -17027,8 +17027,12 @@ ss3-force-full-width {
17027 #exampleModalLong { 17027 #exampleModalLong {
17028 padding-right: 0px !important; 17028 padding-right: 0px !important;
17029 } 17029 }
17030 #exampleModalLong .modal-body {
17031 color: #5B6770;
17032 }
17030 #exampleModalLong .wpcf7-form { 17033 #exampleModalLong .wpcf7-form {
17031 margin-top: -30px; 17034 margin-top: -30px;
17035 color: #5B6770;
17032 } 17036 }
17033 #exampleModalLong .modal-content { 17037 #exampleModalLong .modal-content {
17034 top: 10px !important; 17038 top: 10px !important;
...@@ -17071,7 +17075,7 @@ ss3-force-full-width { ...@@ -17071,7 +17075,7 @@ ss3-force-full-width {
17071 z-index: 99999; 17075 z-index: 99999;
17072 } 17076 }
17073 #exampleModalLong .modal-dialog { 17077 #exampleModalLong .modal-dialog {
17074 width: 800px; 17078 width: 850px;
17075 margin-top: 1%; 17079 margin-top: 1%;
17076 font-size: 1rem !important; 17080 font-size: 1rem !important;
17077 max-width: unset !important; 17081 max-width: unset !important;
...@@ -17085,6 +17089,7 @@ ss3-force-full-width { ...@@ -17085,6 +17089,7 @@ ss3-force-full-width {
17085 } 17089 }
17086 #exampleModalLong .wpcf7 label { 17090 #exampleModalLong .wpcf7 label {
17087 font-size: 1rem !important; 17091 font-size: 1rem !important;
17092 color: #5B6770;
17088 } 17093 }
17089 #exampleModalLong h5.modal-title, #exampleModalLong .modal-title.h5 { 17094 #exampleModalLong h5.modal-title, #exampleModalLong .modal-title.h5 {
17090 margin-bottom: 5px; 17095 margin-bottom: 5px;
...@@ -17107,7 +17112,7 @@ ss3-force-full-width { ...@@ -17107,7 +17112,7 @@ ss3-force-full-width {
17107 padding: 20px !important; 17112 padding: 20px !important;
17108 min-height: 550px; 17113 min-height: 550px;
17109 } 17114 }
17110 #exampleModalLong .wpcf7 .wpcf7-form-control-wrap input:not([type=checkbox]) { 17115 #exampleModalLong .wpcf7 .wpcf7-form-control-wrap input:not([type=checkbox]):not([type=radio]) {
17111 width: 100% !important; 17116 width: 100% !important;
17112 border-radius: 0px !important; 17117 border-radius: 0px !important;
17113 } 17118 }
...@@ -17213,6 +17218,116 @@ ss3-force-full-width { ...@@ -17213,6 +17218,116 @@ ss3-force-full-width {
17213 font-size: 0.8rem; 17218 font-size: 0.8rem;
17214 } 17219 }
17215 17220
17221 .topics {
17222 margin-bottom: 10px;
17223 }
17224 .topics .wpcf7-list-item {
17225 width: 190px;
17226 }
17227
17228 /* custom checkbox styling for contact form 7 checkbox */
17229 span.wpcf7-list-item {
17230 display: inline-block;
17231 margin: 0;
17232 }
17233
17234 .wpcf7 .wpcf7-list-item {
17235 margin-bottom: 5px;
17236 }
17237
17238 .wpcf7-checkbox label {
17239 position: relative;
17240 cursor: pointer;
17241 }
17242
17243 .wpcf7-checkbox input[type=checkbox] {
17244 /*position: relative;*/
17245 position: absolute;
17246 visibility: hidden;
17247 width: 18px;
17248 height: 218px;
17249 top: 0;
17250 left: 0;
17251 }
17252
17253 .wpcf7-checkbox input[type=checkbox] + span {
17254 /* border: 3px solid red; */
17255 }
17256
17257 .wpcf7-checkbox input[type=checkbox] + span:before {
17258 display: block;
17259 position: absolute;
17260 content: "";
17261 border-radius: 0;
17262 height: 18px;
17263 width: 18px;
17264 top: 0px;
17265 left: 0px;
17266 border: 1px solid #707070;
17267 }
17268
17269 .wpcf7-checkbox input[type=checkbox] + span:after {
17270 position: absolute;
17271 content: "";
17272 display: block;
17273 top: 2px;
17274 left: 5px;
17275 width: 8px;
17276 height: 12px;
17277 border-style: solid;
17278 border-color: #707070;
17279 border-width: 0 3px 3px 0;
17280 transform: rotate(45deg);
17281 visibility: hidden;
17282 }
17283
17284 .wpcf7-checkbox input[type=checkbox]:checked + span:before {
17285 background: transparent;
17286 }
17287
17288 .wpcf7-checkbox input[type=checkbox]:checked + span:after {
17289 visibility: visible;
17290 }
17291
17292 .wpcf7-list-item-label {
17293 margin-left: 30px;
17294 display: inline-block;
17295 vertical-align: top;
17296 }
17297
17298 .wpcf7-radio .wpcf7-list-item {
17299 margin-top: 10px;
17300 }
17301 .wpcf7-radio .wpcf7-list-item-label {
17302 margin-left: 10px;
17303 width: 200px;
17304 }
17305
17306 input[type=radio] {
17307 -webkit-appearance: none;
17308 -moz-appearance: none;
17309 appearance: none;
17310 border-radius: 50%;
17311 width: 16px;
17312 height: 16px;
17313 border: 2px solid #707070;
17314 transition: 0.2s all linear;
17315 margin-right: 5px;
17316 position: relative;
17317 top: 4px;
17318 }
17319
17320 input[type=radio]:checked {
17321 border: 2px solid #707070;
17322 outline: unset !important;
17323 background-color: #707070;
17324 }
17325
17326 .wpcf7-form-control-wrap.topics {
17327 padding-top: 10px;
17328 display: block;
17329 }
17330
17216 body { 17331 body {
17217 font-family: "Calibri"; 17332 font-family: "Calibri";
17218 } 17333 }
......
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() ...@@ -5,8 +5,7 @@ function send_planner_notice()
5 $name = $_REQUEST['name']; 5 $name = $_REQUEST['name'];
6 $email = $_REQUEST['email']; 6 $email = $_REQUEST['email'];
7 $phone = $_REQUEST['phone']; 7 $phone = $_REQUEST['phone'];
8 $age = $_REQUEST['age']; 8 $about = $_REQUEST['topics'];
9 $about = $_REQUEST['about'];
10 $contact = $_REQUEST['contact']; 9 $contact = $_REQUEST['contact'];
11 $panner_id = $_REQUEST['planner_id']; 10 $panner_id = $_REQUEST['planner_id'];
12 11
...@@ -96,7 +95,7 @@ function send_planner_notice() ...@@ -96,7 +95,7 @@ function send_planner_notice()
96 </tr> 95 </tr>
97 <tr> 96 <tr>
98 <td colspan="3" style="padding:0 0 36px 0;color:#153643;"> 97 <td colspan="3" style="padding:0 0 36px 0;color:#153643;">
99 <?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>"; ?> 98 <?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>"; ?>
100 </td> 99 </td>
101 </tr> 100 </tr>
102 <tr style="background:#ffffff;"> 101 <tr style="background:#ffffff;">
......
...@@ -186,3 +186,10 @@ function custom_no_results() { ...@@ -186,3 +186,10 @@ function custom_no_results() {
186 186
187 return $output; 187 return $output;
188 } 188 }
189
190 function custom_settings( $settings ) {
191 $settings['startMarker'] = '';
192 $settings['excludeStartFromCluster'] = true;
193 return $settings;
194 }
195 add_filter( 'wpsl_js_settings', 'custom_settings' );
...\ No newline at end of file ...\ No newline at end of file
......
...@@ -63,22 +63,22 @@ jQuery( document ).ready(function($) { ...@@ -63,22 +63,22 @@ jQuery( document ).ready(function($) {
63 63
64 $( "#wpsl-search-input" ).on( "keydown", function(event) { 64 $( "#wpsl-search-input" ).on( "keydown", function(event) {
65 if(event.which == 13){ 65 if(event.which == 13){
66 $('#wpsl-s').show(); 66 $('#wpsl-gmap').removeClass('full');
67 } 67 }
68 }); 68 });
69 69
70 $( "#wpsl-search-btn" ).on( "keydown", function(event) { 70 $( "#wpsl-search-btn" ).on( "keydown", function(event) {
71 if(event.which == 13){ 71 if(event.which == 13){
72 $('#wpsl-s').show(); 72 $('#wpsl-gmap').removeClass('full');
73 } 73 }
74 }); 74 });
75 75
76 76
77 77
78 $( "#wpsl-search-input" ).focusout(function(e){ 78 $( "#wpsl-search-input" ).focusout(function(e){
79 if($(this).val() !=""){ 79 if($(this).val() !="" && $('#wpsl-gmap').hasClass('full')){
80 $('#wpsl-s').show(); 80 $('#wpsl-gmap').removeClass('full');
81 $( "#wpsl-search-btn").click(); 81 $("#wpsl-search-btn").click();
82 } 82 }
83 }); 83 });
84 84
...@@ -307,7 +307,14 @@ $(window).on('load resize scroll', function() { ...@@ -307,7 +307,14 @@ $(window).on('load resize scroll', function() {
307 return; 307 return;
308 } 308 }
309 event.preventDefault(); 309 event.preventDefault();
310 310 var service_choices = "";
311 $('.topics input[type="checkbox"]:checked').each(function() {
312 if(service_choices == "") {
313 service_choices = $(this).val();
314 } else {
315 service_choices += ", " + $(this).val();
316 }
317 });
311 318
312 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>'; 319 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>';
313 jQuery.ajax({ 320 jQuery.ajax({
...@@ -319,8 +326,7 @@ $(window).on('load resize scroll', function() { ...@@ -319,8 +326,7 @@ $(window).on('load resize scroll', function() {
319 email: $("[name='your-email']").val(), 326 email: $("[name='your-email']").val(),
320 phone: $("[name='your-phone']").val(), 327 phone: $("[name='your-phone']").val(),
321 planner_id: $("[name='planner_id']").val(), 328 planner_id: $("[name='planner_id']").val(),
322 age: $("[name='your-age']").val(), 329 topics: service_choices,
323 about: $("[name='talk-about']").val(),
324 contact: $("[name='contact-by']").val(), 330 contact: $("[name='contact-by']").val(),
325 331
326 }, 332 },
...@@ -329,7 +335,7 @@ $(window).on('load resize scroll', function() { ...@@ -329,7 +335,7 @@ $(window).on('load resize scroll', function() {
329 }, 335 },
330 success: function(response) { 336 success: function(response) {
331 $('#exampleModalLong').find('form').html(html); 337 $('#exampleModalLong').find('form').html(html);
332 $('#exampleModalLong').find('form').append(response.data.html); 338 $('#exampleModalLong').find('form').append();
333 $('#exampleModalLong').find('form').show(); 339 $('#exampleModalLong').find('form').show();
334 } 340 }
335 341
......
...@@ -74,10 +74,11 @@ jQuery( document ).ready(function($) { ...@@ -74,10 +74,11 @@ jQuery( document ).ready(function($) {
74 empty = true; 74 empty = true;
75 } 75 }
76 }); 76 });
77 if (!$('input[name="acceptance[]"]').is(":checked")) { 77
78 if ($('input[name="topics[]"]:checked').length == 0) {
78 empty = true; 79 empty = true;
79 } 80 }
80 if (!$('textarea[name="talk-about"]').val().trim().length > 0) { 81 if (!$('input[name="acceptance[]"]').is(":checked")) {
81 empty = true; 82 empty = true;
82 } 83 }
83 if (empty) { 84 if (empty) {
......
...@@ -498,8 +498,12 @@ span.number-med.last{ ...@@ -498,8 +498,12 @@ span.number-med.last{
498 498
499 #exampleModalLong { 499 #exampleModalLong {
500 padding-right: 0px !important; 500 padding-right: 0px !important;
501 .modal-body {
502 color: #5B6770;
503 }
501 .wpcf7-form{ 504 .wpcf7-form{
502 margin-top: -30px; 505 margin-top: -30px;
506 color:#5B6770;
503 507
504 508
505 } 509 }
...@@ -551,7 +555,7 @@ span.number-med.last{ ...@@ -551,7 +555,7 @@ span.number-med.last{
551 z-index: 99999; 555 z-index: 99999;
552 } 556 }
553 .modal-dialog { 557 .modal-dialog {
554 width: 800px; 558 width: 850px;
555 margin-top: 1%; 559 margin-top: 1%;
556 font-size:16px !important; 560 font-size:16px !important;
557 max-width: unset !important; 561 max-width: unset !important;
...@@ -564,6 +568,7 @@ span.number-med.last{ ...@@ -564,6 +568,7 @@ span.number-med.last{
564 } 568 }
565 .wpcf7 label { 569 .wpcf7 label {
566 font-size:16px !important; 570 font-size:16px !important;
571 color:#5B6770;
567 } 572 }
568 573
569 h5.modal-title { 574 h5.modal-title {
...@@ -588,7 +593,7 @@ span.number-med.last{ ...@@ -588,7 +593,7 @@ span.number-med.last{
588 padding: 20px !important; 593 padding: 20px !important;
589 min-height: 550px; 594 min-height: 550px;
590 } 595 }
591 .wpcf7 .wpcf7-form-control-wrap input:not([type="checkbox"]){ 596 .wpcf7 .wpcf7-form-control-wrap input:not([type="checkbox"]):not([type="radio"]){
592 width: 100% !important; 597 width: 100% !important;
593 border-radius: 0px !important; 598 border-radius: 0px !important;
594 } 599 }
...@@ -699,3 +704,110 @@ height: 87vh; ...@@ -699,3 +704,110 @@ height: 87vh;
699 .small-caps{ 704 .small-caps{
700 font-size: 0.8rem; 705 font-size: 0.8rem;
701 } 706 }
707
708
709 .topics{
710 margin-bottom: 10px;
711 .wpcf7-list-item{
712 width: 190px;
713 }
714 }
715
716 /* custom checkbox styling for contact form 7 checkbox */
717 span.wpcf7-list-item {
718 display: inline-block;
719 margin: 0;
720 }
721 .wpcf7 .wpcf7-list-item {
722
723 margin-bottom: 5px;
724 }
725 .wpcf7-checkbox label {
726 position: relative;
727 cursor: pointer;
728 }
729 .wpcf7-checkbox input[type=checkbox] {
730 /*position: relative;*/
731 position: absolute;
732 visibility: hidden;
733 width: 18px;
734 height: 218px;
735 top: 0;
736 left: 0;
737 }
738 .wpcf7-checkbox input[type=checkbox] + span {
739 /* border: 3px solid red; */
740 }
741 .wpcf7-checkbox input[type=checkbox] + span:before {
742 display: block;
743 position: absolute;
744 content: '';
745 border-radius: 0;
746 height: 18px;
747 width: 18px;
748 top: 0px;
749 left: 0px;
750 border: 1px solid #707070;
751 }
752 .wpcf7-checkbox input[type=checkbox] + span:after {
753 position: absolute;
754 content: "";
755 display: block;
756 top: 2px;
757 left: 5px;
758 width: 8px;
759 height: 12px;
760 border-style: solid;
761 border-color: #707070;
762 border-width: 0 3px 3px 0;
763 transform: rotate(45deg);
764 visibility: hidden;
765 }
766 .wpcf7-checkbox input[type=checkbox]:checked + span:before {
767 background: transparent;
768 }
769 .wpcf7-checkbox input[type=checkbox]:checked + span:after {
770 visibility: visible;
771 }
772 .wpcf7-list-item-label {
773 margin-left: 30px;
774 display: inline-block;
775 vertical-align: top;
776 }
777 .wpcf7-radio{
778 .wpcf7-list-item{
779 margin-top: 10px;
780 }
781 .wpcf7-list-item-label {
782 margin-left: 10px;
783 width: 200px;
784 }
785 }
786
787 input[type=radio] {
788 -webkit-appearance: none;
789 -moz-appearance: none;
790 appearance: none;
791
792 border-radius: 50%;
793 width: 16px;
794 height: 16px;
795
796 border: 2px solid #707070;
797 transition: 0.2s all linear;
798 margin-right: 5px;
799
800 position: relative;
801 top: 4px;
802 }
803
804 input[type=radio]:checked {
805 border: 2px solid #707070;
806 outline: unset!important;
807 background-color: #707070;
808 }
809
810 .wpcf7-form-control-wrap.topics {
811 padding-top: 10px;
812 display: block;
813 }
...\ No newline at end of file ...\ No newline at end of file
......
...@@ -179,3 +179,4 @@ a.wp-block-button__link:hover{ ...@@ -179,3 +179,4 @@ a.wp-block-button__link:hover{
179 background-color: #005eb8; 179 background-color: #005eb8;
180 text-decoration: none !important; 180 text-decoration: none !important;
181 } 181 }
182
......
...@@ -5,7 +5,7 @@ ...@@ -5,7 +5,7 @@
5 Author: the Understrap Contributors 5 Author: the Understrap Contributors
6 Author URI: https://github.com/understrap/understrap-child/graphs/contributors 6 Author URI: https://github.com/understrap/understrap-child/graphs/contributors
7 Template: understrap 7 Template: understrap
8 Version: 1.1.30377 8 Version: 1.1.30378
9 License: GNU General Public License v2 or later 9 License: GNU General Public License v2 or later
10 License URI: http://www.gnu.org/licenses/gpl-2.0.html 10 License URI: http://www.gnu.org/licenses/gpl-2.0.html
11 Text Domain: understrap-child 11 Text Domain: understrap-child
......
...@@ -37,7 +37,8 @@ $output .= '<style> ...@@ -37,7 +37,8 @@ $output .= '<style>
37 37
38 } 38 }
39 #label-search-input{ 39 #label-search-input{
40 40 color:#5B6770;
41 font-size:20px;
41 display: inline-block; 42 display: inline-block;
42 text-align: unset; 43 text-align: unset;
43 overflow: hidden; 44 overflow: hidden;
...@@ -64,7 +65,7 @@ $output .= '<style> ...@@ -64,7 +65,7 @@ $output .= '<style>
64 disply:none !important; 65 disply:none !important;
65 } 66 }
66 #wpsl-s{ 67 #wpsl-s{
67 display:none; 68
68 margin-top:20px; 69 margin-top:20px;
69 } 70 }
70 #wpsl-gmap, 71 #wpsl-gmap,
...@@ -108,7 +109,7 @@ margin-top:-2px; ...@@ -108,7 +109,7 @@ margin-top:-2px;
108 margin-left: 20px; 109 margin-left: 20px;
109 110
110 } 111 }
111 #wpsl-gmap.full{ 112 #wpsl-gmap{
112 position: absolute; 113 position: absolute;
113 width: 50%; 114 width: 50%;
114 overflow: hidden; 115 overflow: hidden;
...@@ -117,6 +118,15 @@ margin-top:-2px; ...@@ -117,6 +118,15 @@ margin-top:-2px;
117 transition-delay:3s; 118 transition-delay:3s;
118 119
119 } 120 }
121 #wpsl-gmap.full{
122 position: absolute;
123 width: 100%;
124 overflow: hidden;
125 margin-left: -50%;
126 transition:0.5s;
127 transition-delay:3s;
128
129 }
120 .location_distance{ 130 .location_distance{
121 display:none !important; 131 display:none !important;
122 float: none !important; 132 float: none !important;
......