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 );
<?php $image = get_sub_field('image'); ?>
<div class="row">
<div class="col-lg-4 col-md-1" style=background-image:url(<?php echo $image['url'];?>); >
<div class="col-lg-4 col-md-1 testimonial-image" style=background-image:url(<?php echo $image['url'];?>); >
</div>
<div class="col-lg-8 col-md-1">
<div class="testimonial-text"><p><?php the_sub_field('text'); ?></p></div></div>
......
......@@ -14505,6 +14505,12 @@ h2, .h2 {
font-family: "Poppins", sans-serif;
font-weight: 800;
}
@media only screen and (max-width: 768px) {
h2, .h2 {
font-size: 30px;
line-height: 40px;
}
}
h3, .h3 {
color: #0484B8;
......@@ -14514,6 +14520,12 @@ h3, .h3 {
margin-bottom: 20px;
font-family: "Open Sans", sans-serif;
}
@media only screen and (max-width: 768px) {
h3, .h3 {
font-size: 24px;
line-height: 34px;
}
}
a {
color: #2C2C2C;
......@@ -14871,6 +14883,11 @@ input[type=checkbox] {
text-decoration: none;
text-transform: uppercase;
}
@media only screen and (max-width: 768px) {
.hero-content a:not(.item) {
font-size: 15px;
}
}
.hero-content a:not(.item):hover {
color: #2c2c2c;
background-color: #fff;
......@@ -15332,6 +15349,13 @@ input[type=checkbox] {
padding: 40px 50%;
}
@media only screen and (max-width: 768px) {
.cert-carousel {
width: calc(100% - 2rem) !important;
margin-left: auto !important;
margin-right: auto !important;
}
}
.cert-carousel .swiper-slide {
width: calc(33% - 40px) !important;
}
......@@ -15382,7 +15406,9 @@ input[type=checkbox] {
@media only screen and (max-width: 768px) {
.testimonials-carousel {
margin-left: 0px !important;
width: calc(100% - 2rem) !important;
margin-left: auto !important;
margin-right: auto !important;
}
}
.testimonials-carousel .swiper-slide {
......@@ -15390,7 +15416,7 @@ input[type=checkbox] {
}
@media only screen and (max-width: 768px) {
.testimonials-carousel .swiper-slide {
width: 100% !important;
width: calc(100% - 1rem) !important;
padding-left: 0px;
}
}
......@@ -15403,7 +15429,9 @@ input[type=checkbox] {
@media only screen and (max-width: 768px) {
.testimonials-carousel .swiper-slide .testimonials {
width: 100% !important;
margin-right: 0px;
margin-right: auto;
margin-left: auto;
border-radius: 25px 25px 0px 0px;
}
}
.testimonials-carousel .swiper-slide .testimonials .row {
......@@ -15423,11 +15451,18 @@ input[type=checkbox] {
@media only screen and (max-width: 768px) {
.testimonials-carousel .swiper-slide .testimonials .col-md-1 {
padding-left: 0px;
height: auto;
}
}
.testimonials-carousel .swiper-slide .testimonials .testimonial-text {
padding: 30px 50px;
}
@media only screen and (max-width: 768px) {
.testimonials-carousel .swiper-slide .testimonials .testimonial-image {
height: 300px;
border-radius: 25px 25px 0px 0px;
}
}
.testimonials-carousel .swiper-slide .testimonials p {
font-size: 16px !important;
line-height: 24px !important;
......@@ -15458,32 +15493,58 @@ input[type=checkbox] {
.promo-carousel {
width: 100% !important;
margin-left: 0px !important;
padding-left: 0px;
position: relative;
}
@media only screen and (min-width: 1400px) {
@media only screen and (max-width: 768px) {
.promo-carousel {
max-width: 100% !important;
width: calc(100% - 0rem) !important;
margin-left: auto !important;
margin-right: auto !important;
}
}
.promo-carousel .swiper-wrapper {
gap: 1rem;
}
@media only screen and (max-width: 768px) {
.promo-carousel .swiper-wrapper {
gap: 0rem;
}
}
.promo-carousel .swiper-slide {
margin-left: 0px !important;
max-width: 100% !important;
}
@media only screen and (min-width: 1400px) {
@media only screen and (max-width: 1400px) {
.promo-carousel .swiper-slide {
width: 100% !important;
}
}
@media only screen and (max-width: 768px) {
.promo-carousel .swiper-slide {
padding-left: 0px;
}
}
.promo-carousel .swiper-slide .promo-img {
max-height: 264px;
max-width: 372px;
overflow: hidden;
border-bottom: 20px solid #ffa300;
}
@media only screen and (max-width: 768px) {
.promo-carousel .swiper-slide .promo-img {
max-width: 100%;
}
}
.promo-carousel .swiper-slide .promo-img img {
max-width: 372px;
border-radius: 25px 25px 0px 0px;
}
@media only screen and (max-width: 768px) {
.promo-carousel .swiper-slide .promo-img img {
max-width: 100%;
}
}
.promo-carousel .swiper-slide .promo.row {
width: 100%;
border-top: 1px solid #ffa300;
......@@ -15515,9 +15576,19 @@ input[type=checkbox] {
.promo-carousel .swiper-button-next {
right: 30px !important;
}
@media only screen and (max-width: 768px) {
.promo-carousel .swiper-button-next {
right: 10px !important;
}
}
.promo-carousel .swiper-button-prev {
left: 7px !important;
}
@media only screen and (max-width: 768px) {
.promo-carousel .swiper-button-prev {
left: -10px !important;
}
}
.promo-carousel .swiper-pagination {
bottom: 65px !important;
}
......@@ -15537,7 +15608,15 @@ input[type=checkbox] {
overflow: hidden;
margin: auto;
}
@media only screen and (max-width: 768px) {
.course-carousel {
width: calc(100% - 1rem) !important;
margin-left: auto !important;
margin-right: auto !important;
}
}
.course-carousel .swiper-wrapper {
gap: 1rem;
margin: auto;
min-height: 620px;
}
......@@ -15551,7 +15630,7 @@ input[type=checkbox] {
}
@media only screen and (max-width: 768px) {
.course-carousel .swiper-slide {
width: calc(100% - 30px) !important;
width: calc(100% - 0px) !important;
}
}
.course-carousel .card {
......@@ -15597,6 +15676,12 @@ input[type=checkbox] {
.js-accordion-item h3, .js-accordion-item .h3 {
margin-top: 0px !important;
}
@media only screen and (max-width: 768px) {
.js-accordion-item h3, .js-accordion-item .h3 {
font-size: 24px;
line-height: 34px;
}
}
.custom-addtoany {
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 @@
margin-bottom: 20px;
h3{
margin-top: 0px !important;
@media only screen and (max-width: 768px) {
font-size: 24px;
line-height: 34px;
}
}
}
\ No newline at end of file
......
......@@ -69,6 +69,7 @@
}
.swiper-wrapper {
gap: 1rem;
}
}
......@@ -80,7 +81,9 @@
.cert-carousel {
@media only screen and (max-width: 768px) {
width: calc(100% - 2rem) !important;
margin-left: auto !important;
margin-right: auto !important;
}
.swiper-slide {
width: calc(33% - 40px) !important;
......@@ -97,7 +100,7 @@
font-size: 10px;
margin: auto;
text-align: center;
position:relative;
position:relative;
color: #156570;
img{
opacity: 0;
......@@ -132,22 +135,27 @@
// testimonials carousel css
.testimonials-carousel {
@media only screen and (max-width: 768px) {
margin-left: 0px !important;
width: calc(100% - 2rem) !important;
margin-left: auto !important;
margin-right: auto !important;
}
.swiper-slide {
width: 890px !important;
@media only screen and (max-width: 768px) {
width: 100% !important;
width: calc(100% - 1rem) !important;
padding-left: 0px;
}
.testimonials {
width: 890px;
background: #e5f2f8;
border-radius: 25px 25px 0px 0px;
margin-right: 20px;
@media only screen and (max-width: 768px) {
width: 100% !important;
margin-right: 0px;
margin-right: auto;
margin-left: auto;
border-radius: 25px 25px 0px 0px;
}
.row {
margin-right: 0rem !important;
......@@ -163,12 +171,18 @@
background-size: cover;
@media only screen and (max-width: 768px) {
padding-left: 0px;
height: auto;
}
}
.testimonial-text {
padding: 30px 50px;
}
.testimonial-image{
@media only screen and (max-width: 768px) {
height: 300px;
border-radius: 25px 25px 0px 0px;
}
}
p {
font-size: 16px !important;
line-height: 24px !important;
......@@ -217,25 +231,48 @@
.promo-carousel {
width: 100% !important;
margin-left: 0px !important;
padding-left: 0px;
position: relative;
@media only screen and (min-width: 1400px) {
max-width: 100% !important;
@media only screen and (max-width: 768px) {
width: calc(100% - 0rem) !important;
margin-left: auto !important;
margin-right: auto !important;
}
.swiper-wrapper {
gap: 1rem;
@media only screen and (max-width: 768px) {
gap: 0rem;
}
}
.swiper-slide {
margin-left: 0px !important;
max-width: 100% !important;
@media only screen and (min-width: 1400px) {
@media only screen and (max-width: 1400px) {
width: 100% !important;
}
@media only screen and (max-width: 1000px) {
}
@media only screen and (max-width: 768px) {
padding-left: 0px;
//width: 80% !important;
}
.promo-img {
max-height: 264px;
max-width: 372px;
overflow: hidden;
border-bottom: 20px solid #ffa300;
@media only screen and (max-width: 768px) {
max-width: 100%;
}
}
.promo-img img {
max-width: 372px;
border-radius: 25px 25px 0px 0px;
@media only screen and (max-width: 768px) {
max-width: 100%;
}
}
.promo.row {
width: 100%;
......@@ -264,9 +301,15 @@
}
.swiper-button-next {
right: 30px !important;
@media only screen and (max-width: 768px) {
right: 10px !important;
}
}
.swiper-button-prev {
left: 7px !important;
@media only screen and (max-width: 768px) {
left: -10px !important;
}
}
.swiper-pagination {
bottom: 65px !important;
......@@ -294,10 +337,18 @@
position: relative;
overflow: hidden;
margin: auto;
@media only screen and (max-width: 768px) {
width: calc(100% - 1rem) !important;
margin-left: auto !important;
margin-right: auto !important;
}
.swiper-wrapper {
gap: 1rem;
margin: auto;
min-height: 620px;
@media only screen and (max-width: 768px) {
}
}
.swiper-slide {
width: calc(33.33% - 30px) !important;
......@@ -305,7 +356,7 @@
width: calc(50% - 30px) !important;
}
@media only screen and (max-width: 768px) {
width: calc(100% - 30px) !important;
width: calc(100% - 0px) !important;
}
}
.card {
......
......@@ -33,6 +33,10 @@ h2{
margin-bottom: 20px;
font-family: 'Poppins', sans-serif;
font-weight: 800;
@media only screen and (max-width: 768px) {
font-size: 30px;
line-height: 40px;
}
}
h3{
......@@ -42,6 +46,10 @@ h3{
margin-top: 20px;
margin-bottom: 20px;
font-family: 'Open Sans', sans-serif;
@media only screen and (max-width: 768px) {
font-size: 24px;
line-height: 34px;
}
}
a{
color:#2C2C2C;
......
......@@ -199,6 +199,9 @@
line-height: 24px;
text-decoration: none;
text-transform: uppercase;
@media only screen and (max-width: 768px) {
font-size: 15px;
}
}
a:not(.item):hover {
color: #2c2c2c;
......
......@@ -5,7 +5,7 @@
Author: Tenzing Communications
Author URI: https://tenzingbrand.com
Template: understrap
Version: 1.1.009
Version: 1.1.0010
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: understrap-child
......