Skip to content

Jeremy Groot / stellervista-Intranet

Go to a project
Toggle navigation
Toggle navigation pinning
ea3132e3 by Jeff Balicki
Options

sss 

Signed-off-by: Jeff <jeff@gotenzing.com>
1 parent 2e569271
Inline Side-by-side
Showing 7 changed files with 19 additions and 6 deletions
...@@ -41,7 +41,7 @@ switch($style){ ...@@ -41,7 +41,7 @@ switch($style){
41 <div class="link-block image-text"> 41 <div class="link-block image-text">
42 <div class="row"> 42 <div class="row">
43 <div class="col-md-12 col-lg-6 text"><?php echo $fields['text']; ?></div> 43 <div class="col-md-12 col-lg-6 text"><?php echo $fields['text']; ?></div>
44 <div class="col-md-12 col-lg-6 img" style="background-image: url('<?php the_field('image'); ?>')"> </div> 44 <div class="col-md-12 col-lg-6 img-content"><div class="img" style="background-image: url('<?php the_field('image'); ?>')"> </div></div>
45 </div> 45 </div>
46 <div class="link"><?php echo $fields['link_text']; ?> </div> 46 <div class="link"><?php echo $fields['link_text']; ?> </div>
47 </div> 47 </div>
......
...@@ -14836,7 +14836,7 @@ h2 + .wp-block-pb-accordion-item, .h2 + .wp-block-pb-accordion-item { ...@@ -14836,7 +14836,7 @@ h2 + .wp-block-pb-accordion-item, .h2 + .wp-block-pb-accordion-item {
14836 14836
14837 .block-link:hover .link-block { 14837 .block-link:hover .link-block {
14838 color: #000; 14838 color: #000;
14839 background-size: 100.5%; 14839 background-size: 101%;
14840 background-position: center; 14840 background-position: center;
14841 transition: 0.3s; 14841 transition: 0.3s;
14842 } 14842 }
...@@ -14853,10 +14853,16 @@ h2 + .wp-block-pb-accordion-item, .h2 + .wp-block-pb-accordion-item { ...@@ -14853,10 +14853,16 @@ h2 + .wp-block-pb-accordion-item, .h2 + .wp-block-pb-accordion-item {
14853 .link-block.image-text .text { 14853 .link-block.image-text .text {
14854 padding: 25px 47px 60px 47px; 14854 padding: 25px 47px 60px 47px;
14855 } 14855 }
14856 .link-block.image-text .img-content {
14857 overflow: hidden;
14858 padding: 0px;
14859 }
14856 .link-block.image-text .img { 14860 .link-block.image-text .img {
14857 background-size: cover; 14861 background-size: cover;
14858 background-position: center; 14862 background-position: center;
14859 min-height: 450px; 14863 min-height: 450px;
14864 -o-object-fit: cover;
14865 object-fit: cover;
14860 } 14866 }
14861 @media only screen and (max-width: 800px) { 14867 @media only screen and (max-width: 800px) {
14862 .link-block.image-text .img { 14868 .link-block.image-text .img {
...@@ -14870,7 +14876,7 @@ h2 + .wp-block-pb-accordion-item, .h2 + .wp-block-pb-accordion-item { ...@@ -14870,7 +14876,7 @@ h2 + .wp-block-pb-accordion-item, .h2 + .wp-block-pb-accordion-item {
14870 } 14876 }
14871 14877
14872 .link-block.image-text:hover .img { 14878 .link-block.image-text:hover .img {
14873 background-size: 100.5%; 14879 transform: scale(1.05);
14874 background-position: center; 14880 background-position: center;
14875 transition: 0.3s; 14881 transition: 0.3s;
14876 } 14882 }
......
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.
...@@ -32,7 +32,7 @@ ...@@ -32,7 +32,7 @@
32 .block-link:hover{ 32 .block-link:hover{
33 .link-block{ 33 .link-block{
34 color: #000; 34 color: #000;
35 background-size: 100.5%; 35 background-size: 101%;
36 background-position:center; 36 background-position:center;
37 transition: .3s; 37 transition: .3s;
38 .link{ 38 .link{
...@@ -49,10 +49,16 @@ ...@@ -49,10 +49,16 @@
49 .text{ 49 .text{
50 padding:25px 47px 60px 47px; 50 padding:25px 47px 60px 47px;
51 } 51 }
52 .img-content{
53 overflow:hidden;
54 padding:0px;
55 }
52 .img{ 56 .img{
53 background-size: cover; 57 background-size: cover;
54 background-position:center; 58 background-position:center;
55 min-height: 450px; 59 min-height: 450px;
60 -o-object-fit: cover;
61 object-fit: cover;
56 @media only screen and (max-width: 800px) { 62 @media only screen and (max-width: 800px) {
57 min-height: 300px; 63 min-height: 300px;
58 } 64 }
...@@ -66,7 +72,7 @@ ...@@ -66,7 +72,7 @@
66 72
67 .link-block.image-text:hover{ 73 .link-block.image-text:hover{
68 .img{ 74 .img{
69 background-size: 100.5%; 75 transform: scale(1.05);
70 background-position:center; 76 background-position:center;
71 transition: .3s; 77 transition: .3s;
72 } 78 }
...@@ -81,3 +87,4 @@ ...@@ -81,3 +87,4 @@
81 .link-block.image-text.no-link{ 87 .link-block.image-text.no-link{
82 box-shadow: 0px 3px 6px #00000029; 88 box-shadow: 0px 3px 6px #00000029;
83 } 89 }
90
......
...@@ -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.2.0031 8 Version: 1.2.0032
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
......