Skip to content

Jeff Balicki / st_joseph

Go to a project
Toggle navigation
Toggle navigation pinning
9b4abd76 by Jeff Balicki
Options

sss 

Signed-off-by: Jeff <jeff@gotenzing.com>
1 parent d5eeac37
Inline Side-by-side
Showing 10 changed files with 171 additions and 20 deletions
...@@ -86,7 +86,7 @@ error_log($carousel_style ); ...@@ -86,7 +86,7 @@ error_log($carousel_style );
86 <?php $image = get_sub_field('image'); ?> 86 <?php $image = get_sub_field('image'); ?>
87 87
88 <div class="row"> 88 <div class="row">
89 <div class="col-lg-4 col-md-1" style=background-image:url(<?php echo $image['url'];?>); > 89 <div class="col-lg-4 col-md-1 testimonial-image" style=background-image:url(<?php echo $image['url'];?>); >
90 </div> 90 </div>
91 <div class="col-lg-8 col-md-1"> 91 <div class="col-lg-8 col-md-1">
92 <div class="testimonial-text"><p><?php the_sub_field('text'); ?></p></div></div> 92 <div class="testimonial-text"><p><?php the_sub_field('text'); ?></p></div></div>
......
...@@ -14505,6 +14505,12 @@ h2, .h2 { ...@@ -14505,6 +14505,12 @@ h2, .h2 {
14505 font-family: "Poppins", sans-serif; 14505 font-family: "Poppins", sans-serif;
14506 font-weight: 800; 14506 font-weight: 800;
14507 } 14507 }
14508 @media only screen and (max-width: 768px) {
14509 h2, .h2 {
14510 font-size: 30px;
14511 line-height: 40px;
14512 }
14513 }
14508 14514
14509 h3, .h3 { 14515 h3, .h3 {
14510 color: #0484B8; 14516 color: #0484B8;
...@@ -14514,6 +14520,12 @@ h3, .h3 { ...@@ -14514,6 +14520,12 @@ h3, .h3 {
14514 margin-bottom: 20px; 14520 margin-bottom: 20px;
14515 font-family: "Open Sans", sans-serif; 14521 font-family: "Open Sans", sans-serif;
14516 } 14522 }
14523 @media only screen and (max-width: 768px) {
14524 h3, .h3 {
14525 font-size: 24px;
14526 line-height: 34px;
14527 }
14528 }
14517 14529
14518 a { 14530 a {
14519 color: #2C2C2C; 14531 color: #2C2C2C;
...@@ -14871,6 +14883,11 @@ input[type=checkbox] { ...@@ -14871,6 +14883,11 @@ input[type=checkbox] {
14871 text-decoration: none; 14883 text-decoration: none;
14872 text-transform: uppercase; 14884 text-transform: uppercase;
14873 } 14885 }
14886 @media only screen and (max-width: 768px) {
14887 .hero-content a:not(.item) {
14888 font-size: 15px;
14889 }
14890 }
14874 .hero-content a:not(.item):hover { 14891 .hero-content a:not(.item):hover {
14875 color: #2c2c2c; 14892 color: #2c2c2c;
14876 background-color: #fff; 14893 background-color: #fff;
...@@ -15332,6 +15349,13 @@ input[type=checkbox] { ...@@ -15332,6 +15349,13 @@ input[type=checkbox] {
15332 padding: 40px 50%; 15349 padding: 40px 50%;
15333 } 15350 }
15334 15351
15352 @media only screen and (max-width: 768px) {
15353 .cert-carousel {
15354 width: calc(100% - 2rem) !important;
15355 margin-left: auto !important;
15356 margin-right: auto !important;
15357 }
15358 }
15335 .cert-carousel .swiper-slide { 15359 .cert-carousel .swiper-slide {
15336 width: calc(33% - 40px) !important; 15360 width: calc(33% - 40px) !important;
15337 } 15361 }
...@@ -15382,7 +15406,9 @@ input[type=checkbox] { ...@@ -15382,7 +15406,9 @@ input[type=checkbox] {
15382 15406
15383 @media only screen and (max-width: 768px) { 15407 @media only screen and (max-width: 768px) {
15384 .testimonials-carousel { 15408 .testimonials-carousel {
15385 margin-left: 0px !important; 15409 width: calc(100% - 2rem) !important;
15410 margin-left: auto !important;
15411 margin-right: auto !important;
15386 } 15412 }
15387 } 15413 }
15388 .testimonials-carousel .swiper-slide { 15414 .testimonials-carousel .swiper-slide {
...@@ -15390,7 +15416,7 @@ input[type=checkbox] { ...@@ -15390,7 +15416,7 @@ input[type=checkbox] {
15390 } 15416 }
15391 @media only screen and (max-width: 768px) { 15417 @media only screen and (max-width: 768px) {
15392 .testimonials-carousel .swiper-slide { 15418 .testimonials-carousel .swiper-slide {
15393 width: 100% !important; 15419 width: calc(100% - 1rem) !important;
15394 padding-left: 0px; 15420 padding-left: 0px;
15395 } 15421 }
15396 } 15422 }
...@@ -15403,7 +15429,9 @@ input[type=checkbox] { ...@@ -15403,7 +15429,9 @@ input[type=checkbox] {
15403 @media only screen and (max-width: 768px) { 15429 @media only screen and (max-width: 768px) {
15404 .testimonials-carousel .swiper-slide .testimonials { 15430 .testimonials-carousel .swiper-slide .testimonials {
15405 width: 100% !important; 15431 width: 100% !important;
15406 margin-right: 0px; 15432 margin-right: auto;
15433 margin-left: auto;
15434 border-radius: 25px 25px 0px 0px;
15407 } 15435 }
15408 } 15436 }
15409 .testimonials-carousel .swiper-slide .testimonials .row { 15437 .testimonials-carousel .swiper-slide .testimonials .row {
...@@ -15423,11 +15451,18 @@ input[type=checkbox] { ...@@ -15423,11 +15451,18 @@ input[type=checkbox] {
15423 @media only screen and (max-width: 768px) { 15451 @media only screen and (max-width: 768px) {
15424 .testimonials-carousel .swiper-slide .testimonials .col-md-1 { 15452 .testimonials-carousel .swiper-slide .testimonials .col-md-1 {
15425 padding-left: 0px; 15453 padding-left: 0px;
15454 height: auto;
15426 } 15455 }
15427 } 15456 }
15428 .testimonials-carousel .swiper-slide .testimonials .testimonial-text { 15457 .testimonials-carousel .swiper-slide .testimonials .testimonial-text {
15429 padding: 30px 50px; 15458 padding: 30px 50px;
15430 } 15459 }
15460 @media only screen and (max-width: 768px) {
15461 .testimonials-carousel .swiper-slide .testimonials .testimonial-image {
15462 height: 300px;
15463 border-radius: 25px 25px 0px 0px;
15464 }
15465 }
15431 .testimonials-carousel .swiper-slide .testimonials p { 15466 .testimonials-carousel .swiper-slide .testimonials p {
15432 font-size: 16px !important; 15467 font-size: 16px !important;
15433 line-height: 24px !important; 15468 line-height: 24px !important;
...@@ -15458,32 +15493,58 @@ input[type=checkbox] { ...@@ -15458,32 +15493,58 @@ input[type=checkbox] {
15458 .promo-carousel { 15493 .promo-carousel {
15459 width: 100% !important; 15494 width: 100% !important;
15460 margin-left: 0px !important; 15495 margin-left: 0px !important;
15496 padding-left: 0px;
15461 position: relative; 15497 position: relative;
15462 } 15498 }
15463 @media only screen and (min-width: 1400px) { 15499 @media only screen and (max-width: 768px) {
15464 .promo-carousel { 15500 .promo-carousel {
15465 max-width: 100% !important; 15501 width: calc(100% - 0rem) !important;
15502 margin-left: auto !important;
15503 margin-right: auto !important;
15504 }
15505 }
15506 .promo-carousel .swiper-wrapper {
15507 gap: 1rem;
15508 }
15509 @media only screen and (max-width: 768px) {
15510 .promo-carousel .swiper-wrapper {
15511 gap: 0rem;
15466 } 15512 }
15467 } 15513 }
15468 .promo-carousel .swiper-slide { 15514 .promo-carousel .swiper-slide {
15469 margin-left: 0px !important; 15515 margin-left: 0px !important;
15470 max-width: 100% !important; 15516 max-width: 100% !important;
15471 } 15517 }
15472 @media only screen and (min-width: 1400px) { 15518 @media only screen and (max-width: 1400px) {
15473 .promo-carousel .swiper-slide { 15519 .promo-carousel .swiper-slide {
15474 width: 100% !important; 15520 width: 100% !important;
15475 } 15521 }
15476 } 15522 }
15523 @media only screen and (max-width: 768px) {
15524 .promo-carousel .swiper-slide {
15525 padding-left: 0px;
15526 }
15527 }
15477 .promo-carousel .swiper-slide .promo-img { 15528 .promo-carousel .swiper-slide .promo-img {
15478 max-height: 264px; 15529 max-height: 264px;
15479 max-width: 372px; 15530 max-width: 372px;
15480 overflow: hidden; 15531 overflow: hidden;
15481 border-bottom: 20px solid #ffa300; 15532 border-bottom: 20px solid #ffa300;
15482 } 15533 }
15534 @media only screen and (max-width: 768px) {
15535 .promo-carousel .swiper-slide .promo-img {
15536 max-width: 100%;
15537 }
15538 }
15483 .promo-carousel .swiper-slide .promo-img img { 15539 .promo-carousel .swiper-slide .promo-img img {
15484 max-width: 372px; 15540 max-width: 372px;
15485 border-radius: 25px 25px 0px 0px; 15541 border-radius: 25px 25px 0px 0px;
15486 } 15542 }
15543 @media only screen and (max-width: 768px) {
15544 .promo-carousel .swiper-slide .promo-img img {
15545 max-width: 100%;
15546 }
15547 }
15487 .promo-carousel .swiper-slide .promo.row { 15548 .promo-carousel .swiper-slide .promo.row {
15488 width: 100%; 15549 width: 100%;
15489 border-top: 1px solid #ffa300; 15550 border-top: 1px solid #ffa300;
...@@ -15515,9 +15576,19 @@ input[type=checkbox] { ...@@ -15515,9 +15576,19 @@ input[type=checkbox] {
15515 .promo-carousel .swiper-button-next { 15576 .promo-carousel .swiper-button-next {
15516 right: 30px !important; 15577 right: 30px !important;
15517 } 15578 }
15579 @media only screen and (max-width: 768px) {
15580 .promo-carousel .swiper-button-next {
15581 right: 10px !important;
15582 }
15583 }
15518 .promo-carousel .swiper-button-prev { 15584 .promo-carousel .swiper-button-prev {
15519 left: 7px !important; 15585 left: 7px !important;
15520 } 15586 }
15587 @media only screen and (max-width: 768px) {
15588 .promo-carousel .swiper-button-prev {
15589 left: -10px !important;
15590 }
15591 }
15521 .promo-carousel .swiper-pagination { 15592 .promo-carousel .swiper-pagination {
15522 bottom: 65px !important; 15593 bottom: 65px !important;
15523 } 15594 }
...@@ -15537,7 +15608,15 @@ input[type=checkbox] { ...@@ -15537,7 +15608,15 @@ input[type=checkbox] {
15537 overflow: hidden; 15608 overflow: hidden;
15538 margin: auto; 15609 margin: auto;
15539 } 15610 }
15611 @media only screen and (max-width: 768px) {
15612 .course-carousel {
15613 width: calc(100% - 1rem) !important;
15614 margin-left: auto !important;
15615 margin-right: auto !important;
15616 }
15617 }
15540 .course-carousel .swiper-wrapper { 15618 .course-carousel .swiper-wrapper {
15619 gap: 1rem;
15541 margin: auto; 15620 margin: auto;
15542 min-height: 620px; 15621 min-height: 620px;
15543 } 15622 }
...@@ -15551,7 +15630,7 @@ input[type=checkbox] { ...@@ -15551,7 +15630,7 @@ input[type=checkbox] {
15551 } 15630 }
15552 @media only screen and (max-width: 768px) { 15631 @media only screen and (max-width: 768px) {
15553 .course-carousel .swiper-slide { 15632 .course-carousel .swiper-slide {
15554 width: calc(100% - 30px) !important; 15633 width: calc(100% - 0px) !important;
15555 } 15634 }
15556 } 15635 }
15557 .course-carousel .card { 15636 .course-carousel .card {
...@@ -15597,6 +15676,12 @@ input[type=checkbox] { ...@@ -15597,6 +15676,12 @@ input[type=checkbox] {
15597 .js-accordion-item h3, .js-accordion-item .h3 { 15676 .js-accordion-item h3, .js-accordion-item .h3 {
15598 margin-top: 0px !important; 15677 margin-top: 0px !important;
15599 } 15678 }
15679 @media only screen and (max-width: 768px) {
15680 .js-accordion-item h3, .js-accordion-item .h3 {
15681 font-size: 24px;
15682 line-height: 34px;
15683 }
15684 }
15600 15685
15601 .custom-addtoany { 15686 .custom-addtoany {
15602 background-color: #0484B8; 15687 background-color: #0484B8;
......
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.
...@@ -25,5 +25,9 @@ ...@@ -25,5 +25,9 @@
25 margin-bottom: 20px; 25 margin-bottom: 20px;
26 h3{ 26 h3{
27 margin-top: 0px !important; 27 margin-top: 0px !important;
28 @media only screen and (max-width: 768px) {
29 font-size: 24px;
30 line-height: 34px;
31 }
28 } 32 }
29 } 33 }
...\ No newline at end of file ...\ No newline at end of file
......
...@@ -69,6 +69,7 @@ ...@@ -69,6 +69,7 @@
69 } 69 }
70 .swiper-wrapper { 70 .swiper-wrapper {
71 gap: 1rem; 71 gap: 1rem;
72
72 } 73 }
73 } 74 }
74 75
...@@ -80,7 +81,9 @@ ...@@ -80,7 +81,9 @@
80 81
81 .cert-carousel { 82 .cert-carousel {
82 @media only screen and (max-width: 768px) { 83 @media only screen and (max-width: 768px) {
83 84 width: calc(100% - 2rem) !important;
85 margin-left: auto !important;
86 margin-right: auto !important;
84 } 87 }
85 .swiper-slide { 88 .swiper-slide {
86 width: calc(33% - 40px) !important; 89 width: calc(33% - 40px) !important;
...@@ -97,7 +100,7 @@ ...@@ -97,7 +100,7 @@
97 font-size: 10px; 100 font-size: 10px;
98 margin: auto; 101 margin: auto;
99 text-align: center; 102 text-align: center;
100 position:relative; 103 position:relative;
101 color: #156570; 104 color: #156570;
102 img{ 105 img{
103 opacity: 0; 106 opacity: 0;
...@@ -132,22 +135,27 @@ ...@@ -132,22 +135,27 @@
132 // testimonials carousel css 135 // testimonials carousel css
133 .testimonials-carousel { 136 .testimonials-carousel {
134 @media only screen and (max-width: 768px) { 137 @media only screen and (max-width: 768px) {
135 margin-left: 0px !important; 138 width: calc(100% - 2rem) !important;
139 margin-left: auto !important;
140 margin-right: auto !important;
136 } 141 }
137 .swiper-slide { 142 .swiper-slide {
138 width: 890px !important; 143 width: 890px !important;
139 @media only screen and (max-width: 768px) { 144 @media only screen and (max-width: 768px) {
140 width: 100% !important; 145 width: calc(100% - 1rem) !important;
141 padding-left: 0px; 146 padding-left: 0px;
142 } 147 }
143 .testimonials { 148 .testimonials {
144 width: 890px; 149 width: 890px;
145 background: #e5f2f8; 150 background: #e5f2f8;
146 border-radius: 25px 25px 0px 0px; 151 border-radius: 25px 25px 0px 0px;
152
147 margin-right: 20px; 153 margin-right: 20px;
148 @media only screen and (max-width: 768px) { 154 @media only screen and (max-width: 768px) {
149 width: 100% !important; 155 width: 100% !important;
150 margin-right: 0px; 156 margin-right: auto;
157 margin-left: auto;
158 border-radius: 25px 25px 0px 0px;
151 } 159 }
152 .row { 160 .row {
153 margin-right: 0rem !important; 161 margin-right: 0rem !important;
...@@ -163,12 +171,18 @@ ...@@ -163,12 +171,18 @@
163 background-size: cover; 171 background-size: cover;
164 @media only screen and (max-width: 768px) { 172 @media only screen and (max-width: 768px) {
165 padding-left: 0px; 173 padding-left: 0px;
174 height: auto;
166 } 175 }
167 } 176 }
168 .testimonial-text { 177 .testimonial-text {
169 padding: 30px 50px; 178 padding: 30px 50px;
170 } 179 }
171 180 .testimonial-image{
181 @media only screen and (max-width: 768px) {
182 height: 300px;
183 border-radius: 25px 25px 0px 0px;
184 }
185 }
172 p { 186 p {
173 font-size: 16px !important; 187 font-size: 16px !important;
174 line-height: 24px !important; 188 line-height: 24px !important;
...@@ -217,25 +231,48 @@ ...@@ -217,25 +231,48 @@
217 .promo-carousel { 231 .promo-carousel {
218 width: 100% !important; 232 width: 100% !important;
219 margin-left: 0px !important; 233 margin-left: 0px !important;
234 padding-left: 0px;
220 position: relative; 235 position: relative;
221 @media only screen and (min-width: 1400px) { 236
222 max-width: 100% !important; 237 @media only screen and (max-width: 768px) {
238 width: calc(100% - 0rem) !important;
239 margin-left: auto !important;
240 margin-right: auto !important;
241 }
242 .swiper-wrapper {
243 gap: 1rem;
244 @media only screen and (max-width: 768px) {
245 gap: 0rem;
246 }
223 } 247 }
224 .swiper-slide { 248 .swiper-slide {
225 margin-left: 0px !important; 249 margin-left: 0px !important;
226 max-width: 100% !important; 250 max-width: 100% !important;
227 @media only screen and (min-width: 1400px) { 251 @media only screen and (max-width: 1400px) {
228 width: 100% !important; 252 width: 100% !important;
229 } 253 }
254 @media only screen and (max-width: 1000px) {
255
256 }
257 @media only screen and (max-width: 768px) {
258 padding-left: 0px;
259 //width: 80% !important;
260 }
230 .promo-img { 261 .promo-img {
231 max-height: 264px; 262 max-height: 264px;
232 max-width: 372px; 263 max-width: 372px;
233 overflow: hidden; 264 overflow: hidden;
234 border-bottom: 20px solid #ffa300; 265 border-bottom: 20px solid #ffa300;
266 @media only screen and (max-width: 768px) {
267 max-width: 100%;
268 }
235 } 269 }
236 .promo-img img { 270 .promo-img img {
237 max-width: 372px; 271 max-width: 372px;
238 border-radius: 25px 25px 0px 0px; 272 border-radius: 25px 25px 0px 0px;
273 @media only screen and (max-width: 768px) {
274 max-width: 100%;
275 }
239 } 276 }
240 .promo.row { 277 .promo.row {
241 width: 100%; 278 width: 100%;
...@@ -264,9 +301,15 @@ ...@@ -264,9 +301,15 @@
264 } 301 }
265 .swiper-button-next { 302 .swiper-button-next {
266 right: 30px !important; 303 right: 30px !important;
304 @media only screen and (max-width: 768px) {
305 right: 10px !important;
306 }
267 } 307 }
268 .swiper-button-prev { 308 .swiper-button-prev {
269 left: 7px !important; 309 left: 7px !important;
310 @media only screen and (max-width: 768px) {
311 left: -10px !important;
312 }
270 } 313 }
271 .swiper-pagination { 314 .swiper-pagination {
272 bottom: 65px !important; 315 bottom: 65px !important;
...@@ -294,10 +337,18 @@ ...@@ -294,10 +337,18 @@
294 position: relative; 337 position: relative;
295 overflow: hidden; 338 overflow: hidden;
296 margin: auto; 339 margin: auto;
297 340 @media only screen and (max-width: 768px) {
341 width: calc(100% - 1rem) !important;
342 margin-left: auto !important;
343 margin-right: auto !important;
344 }
298 .swiper-wrapper { 345 .swiper-wrapper {
346 gap: 1rem;
299 margin: auto; 347 margin: auto;
300 min-height: 620px; 348 min-height: 620px;
349 @media only screen and (max-width: 768px) {
350
351 }
301 } 352 }
302 .swiper-slide { 353 .swiper-slide {
303 width: calc(33.33% - 30px) !important; 354 width: calc(33.33% - 30px) !important;
...@@ -305,7 +356,7 @@ ...@@ -305,7 +356,7 @@
305 width: calc(50% - 30px) !important; 356 width: calc(50% - 30px) !important;
306 } 357 }
307 @media only screen and (max-width: 768px) { 358 @media only screen and (max-width: 768px) {
308 width: calc(100% - 30px) !important; 359 width: calc(100% - 0px) !important;
309 } 360 }
310 } 361 }
311 .card { 362 .card {
......
...@@ -33,6 +33,10 @@ h2{ ...@@ -33,6 +33,10 @@ h2{
33 margin-bottom: 20px; 33 margin-bottom: 20px;
34 font-family: 'Poppins', sans-serif; 34 font-family: 'Poppins', sans-serif;
35 font-weight: 800; 35 font-weight: 800;
36 @media only screen and (max-width: 768px) {
37 font-size: 30px;
38 line-height: 40px;
39 }
36 } 40 }
37 41
38 h3{ 42 h3{
...@@ -42,6 +46,10 @@ h3{ ...@@ -42,6 +46,10 @@ h3{
42 margin-top: 20px; 46 margin-top: 20px;
43 margin-bottom: 20px; 47 margin-bottom: 20px;
44 font-family: 'Open Sans', sans-serif; 48 font-family: 'Open Sans', sans-serif;
49 @media only screen and (max-width: 768px) {
50 font-size: 24px;
51 line-height: 34px;
52 }
45 } 53 }
46 a{ 54 a{
47 color:#2C2C2C; 55 color:#2C2C2C;
......
...@@ -199,6 +199,9 @@ ...@@ -199,6 +199,9 @@
199 line-height: 24px; 199 line-height: 24px;
200 text-decoration: none; 200 text-decoration: none;
201 text-transform: uppercase; 201 text-transform: uppercase;
202 @media only screen and (max-width: 768px) {
203 font-size: 15px;
204 }
202 } 205 }
203 a:not(.item):hover { 206 a:not(.item):hover {
204 color: #2c2c2c; 207 color: #2c2c2c;
......
...@@ -5,7 +5,7 @@ ...@@ -5,7 +5,7 @@
5 Author: Tenzing Communications 5 Author: Tenzing Communications
6 Author URI: https://tenzingbrand.com 6 Author URI: https://tenzingbrand.com
7 Template: understrap 7 Template: understrap
8 Version: 1.1.009 8 Version: 1.1.0010
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
......