sss
Signed-off-by: Jeff <jeff@gotenzing.com>
Showing
6 changed files
with
30 additions
and
12 deletions
| ... | @@ -20,15 +20,17 @@ if($fields['new_window']){ | ... | @@ -20,15 +20,17 @@ if($fields['new_window']){ |
| 20 | switch($style){ | 20 | switch($style){ |
| 21 | case 'image': ?> | 21 | case 'image': ?> |
| 22 | <a class="block-link" <?php echo $new_window; ?> href="<?php echo $fields['link']; ?>"> | 22 | <a class="block-link" <?php echo $new_window; ?> href="<?php echo $fields['link']; ?>"> |
| 23 | <div class="link-block image" style="background-image: url('<?php the_field('image'); ?>')"> | 23 | <div class="link-block single"> |
| 24 | <div class="link"><?php echo $fields['link_text']; ?> </div> | 24 | <div class="link-block image" style="background-image: url('<?php the_field('image'); ?>')"> |
| 25 | </div> | 25 | </div> |
| 26 | <div class="link"><?php echo $fields['link_text']; ?> </div> | ||
| 27 | </div> | ||
| 26 | </a> | 28 | </a> |
| 27 | <?php | 29 | <?php |
| 28 | break; | 30 | break; |
| 29 | case 'text': ?> | 31 | case 'text': ?> |
| 30 | <a class="block-link" <?php echo $new_window; ?> href="<?php echo $fields['link']; ?>"> | 32 | <a class="block-link" <?php echo $new_window; ?> href="<?php echo $fields['link']; ?>"> |
| 31 | <div class="link-block Text"> | 33 | <div class="link-block text"> |
| 32 | <?php echo $fields['text']; ?> | 34 | <?php echo $fields['text']; ?> |
| 33 | <div class="link"><?php echo $fields['link_text']; ?> </div> | 35 | <div class="link"><?php echo $fields['link_text']; ?> </div> |
| 34 | </div> | 36 | </div> | ... | ... |
| ... | @@ -14874,10 +14874,12 @@ h2 + .wp-block-pb-accordion-item, .h2 + .wp-block-pb-accordion-item { | ... | @@ -14874,10 +14874,12 @@ h2 + .wp-block-pb-accordion-item, .h2 + .wp-block-pb-accordion-item { |
| 14874 | color: #000; | 14874 | color: #000; |
| 14875 | height: 350px; | 14875 | height: 350px; |
| 14876 | position: relative; | 14876 | position: relative; |
| 14877 | overflow: hidden; | ||
| 14878 | box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.1607843137); | ||
| 14879 | } | ||
| 14880 | .block-link .link-block .image { | ||
| 14877 | background-size: cover; | 14881 | background-size: cover; |
| 14878 | background-position: center; | 14882 | background-position: center; |
| 14879 | box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.1607843137); | ||
| 14880 | padding: 40px 32px 0px 32px; | ||
| 14881 | transition: 0.5s; | 14883 | transition: 0.5s; |
| 14882 | } | 14884 | } |
| 14883 | .block-link .link-block .link { | 14885 | .block-link .link-block .link { |
| ... | @@ -14896,10 +14898,15 @@ h2 + .wp-block-pb-accordion-item, .h2 + .wp-block-pb-accordion-item { | ... | @@ -14896,10 +14898,15 @@ h2 + .wp-block-pb-accordion-item, .h2 + .wp-block-pb-accordion-item { |
| 14896 | background-position: top right; | 14898 | background-position: top right; |
| 14897 | background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='445' height='45.104' viewBox='0 0 445 45.104'%3E%3Cpath id='Union_1' data-name='Union 1' d='M-1628-953.943v-36h231.632l167.007-.04 4.914.005c.011.1.019.189.029.287.625.266 1.305.834 1.858.73a12.964 12.964 0 0 0 2.864-1.012l.515-.234c.866-.4 1.613-1.07 2.638-.292a1.475 1.475 0 0 0 1.177-.043 14.77 14.77 0 0 0 2.92-1.437c1.62-1.155 2.3-1.336 3.628-.319a9.343 9.343 0 0 1 1.219 1.546 4.444 4.444 0 0 0 .742.8.208.208 0 0 0 .167.048 1.638 1.638 0 0 1 .284-.048h.236c.7.05 1.191.576 1.8.847a1.038 1.038 0 0 0 .946-.185 3.743 3.743 0 0 0 .438-.657c.146-.271.284-.56.449-.852h-1.6c.592-.877 1.086-1.607 1.671-2.471-.5.056-.77.085-1.252.136.311-.489.513-.826.725-1.153s.7-.758.627-1c-.4-1.283.746-1.761 1.057-2.654l.419-.058c.686 1.583 1.373 3.166 2.091 4.821h-.972c.528.823.994 1.549 1.551 2.412h-1.5c.212.282.414.553.614.824.392.529.786 1.057 1.248 1.682.176-.6.332-1.156.486-1.679.184-.648.356-1.254.531-1.857l.324.016a3.53 3.53 0 0 1 .365.741c.09.37.181.733.268 1.1q.606 2.487 1.182 4.984a4.956 4.956 0 0 0 1.355 2.329 15.077 15.077 0 0 1 1.662 2.779c.237.4.508.768.89 1.341.614-1.463 1.156-2.6 1.565-3.777.361-1.044 1.44-1.878.863-3.23a2.585 2.585 0 0 1 .14-1.509c.237-.847.563-1.668.853-2.5.167.011.338.018.508.026q.509 2.28 1.017 4.558l.287.013c.332-.8.685-1.594.985-2.407a7.956 7.956 0 0 0 .579-2.739v36.124Z' transform='translate(1628.5 998.547)' fill='%23183668' stroke='rgba(0 0 0 0)' stroke-miterlimit='10' stroke-width='1'/%3E%3C/svg%3E"); | 14899 | background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='445' height='45.104' viewBox='0 0 445 45.104'%3E%3Cpath id='Union_1' data-name='Union 1' d='M-1628-953.943v-36h231.632l167.007-.04 4.914.005c.011.1.019.189.029.287.625.266 1.305.834 1.858.73a12.964 12.964 0 0 0 2.864-1.012l.515-.234c.866-.4 1.613-1.07 2.638-.292a1.475 1.475 0 0 0 1.177-.043 14.77 14.77 0 0 0 2.92-1.437c1.62-1.155 2.3-1.336 3.628-.319a9.343 9.343 0 0 1 1.219 1.546 4.444 4.444 0 0 0 .742.8.208.208 0 0 0 .167.048 1.638 1.638 0 0 1 .284-.048h.236c.7.05 1.191.576 1.8.847a1.038 1.038 0 0 0 .946-.185 3.743 3.743 0 0 0 .438-.657c.146-.271.284-.56.449-.852h-1.6c.592-.877 1.086-1.607 1.671-2.471-.5.056-.77.085-1.252.136.311-.489.513-.826.725-1.153s.7-.758.627-1c-.4-1.283.746-1.761 1.057-2.654l.419-.058c.686 1.583 1.373 3.166 2.091 4.821h-.972c.528.823.994 1.549 1.551 2.412h-1.5c.212.282.414.553.614.824.392.529.786 1.057 1.248 1.682.176-.6.332-1.156.486-1.679.184-.648.356-1.254.531-1.857l.324.016a3.53 3.53 0 0 1 .365.741c.09.37.181.733.268 1.1q.606 2.487 1.182 4.984a4.956 4.956 0 0 0 1.355 2.329 15.077 15.077 0 0 1 1.662 2.779c.237.4.508.768.89 1.341.614-1.463 1.156-2.6 1.565-3.777.361-1.044 1.44-1.878.863-3.23a2.585 2.585 0 0 1 .14-1.509c.237-.847.563-1.668.853-2.5.167.011.338.018.508.026q.509 2.28 1.017 4.558l.287.013c.332-.8.685-1.594.985-2.407a7.956 7.956 0 0 0 .579-2.739v36.124Z' transform='translate(1628.5 998.547)' fill='%23183668' stroke='rgba(0 0 0 0)' stroke-miterlimit='10' stroke-width='1'/%3E%3C/svg%3E"); |
| 14898 | } | 14900 | } |
| 14901 | .block-link .link-block.text { | ||
| 14902 | padding: 40px 32px 0px 32px; | ||
| 14903 | } | ||
| 14899 | 14904 | ||
| 14900 | .block-link:hover .link-block { | 14905 | .block-link:hover .link-block { |
| 14901 | color: #000; | 14906 | color: #000; |
| 14902 | background-size: 101%; | 14907 | } |
| 14908 | .block-link:hover .link-block .image { | ||
| 14909 | transform: scale(1.1) !important; | ||
| 14903 | background-position: center; | 14910 | background-position: center; |
| 14904 | transition: 0.3s; | 14911 | transition: 0.3s; |
| 14905 | } | 14912 | } | ... | ... |
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.
| 1 | .block-link{ | 1 | .block-link{ |
| 2 | text-decoration: none; | 2 | text-decoration: none; |
| 3 | |||
| 3 | .link-block{ | 4 | .link-block{ |
| 4 | color: #000; | 5 | color: #000; |
| 5 | height:350px; | 6 | height:350px; |
| 6 | position: relative; | 7 | position: relative; |
| 8 | overflow: hidden; | ||
| 9 | box-shadow: 0px 3px 6px #00000029; | ||
| 10 | .image{ | ||
| 7 | background-size: cover; | 11 | background-size: cover; |
| 8 | background-position:center; | 12 | background-position:center; |
| 9 | box-shadow: 0px 3px 6px #00000029; | ||
| 10 | padding:40px 32px 0px 32px; | ||
| 11 | transition: 0.5s; | 13 | transition: 0.5s; |
| 14 | } | ||
| 12 | .link{ | 15 | .link{ |
| 13 | padding-top: 18px; | 16 | padding-top: 18px; |
| 14 | text-transform: uppercase; | 17 | text-transform: uppercase; |
| ... | @@ -27,14 +30,20 @@ | ... | @@ -27,14 +30,20 @@ |
| 27 | 30 | ||
| 28 | } | 31 | } |
| 29 | } | 32 | } |
| 33 | .link-block.text{ | ||
| 34 | padding:40px 32px 0px 32px; | ||
| 35 | } | ||
| 30 | } | 36 | } |
| 31 | 37 | ||
| 38 | |||
| 32 | .block-link:hover{ | 39 | .block-link:hover{ |
| 33 | .link-block{ | 40 | .link-block{ |
| 34 | color: #000; | 41 | color: #000; |
| 35 | background-size: 101%; | 42 | .image{ |
| 36 | background-position:center; | 43 | transform: scale(1.1) !important; |
| 37 | transition: .3s; | 44 | background-position:center; |
| 45 | transition: .3s; | ||
| 46 | } | ||
| 38 | .link{ | 47 | .link{ |
| 39 | font-weight: 700; | 48 | font-weight: 700; |
| 40 | background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='445' height='45.104' viewBox='0 0 445 45.104'%3E%3Cpath id='Union_1' data-name='Union 1' d='M-1628-953.943v-36h231.632l167.007-.04 4.914.005c.011.1.019.189.029.287.625.266 1.305.834 1.858.73a12.964 12.964 0 0 0 2.864-1.012l.515-.234c.866-.4 1.613-1.07 2.638-.292a1.475 1.475 0 0 0 1.177-.043 14.77 14.77 0 0 0 2.92-1.437c1.62-1.155 2.3-1.336 3.628-.319a9.343 9.343 0 0 1 1.219 1.546 4.444 4.444 0 0 0 .742.8.208.208 0 0 0 .167.048 1.638 1.638 0 0 1 .284-.048h.236c.7.05 1.191.576 1.8.847a1.038 1.038 0 0 0 .946-.185 3.743 3.743 0 0 0 .438-.657c.146-.271.284-.56.449-.852h-1.6c.592-.877 1.086-1.607 1.671-2.471-.5.056-.77.085-1.252.136.311-.489.513-.826.725-1.153s.7-.758.627-1c-.4-1.283.746-1.761 1.057-2.654l.419-.058c.686 1.583 1.373 3.166 2.091 4.821h-.972c.528.823.994 1.549 1.551 2.412h-1.5c.212.282.414.553.614.824.392.529.786 1.057 1.248 1.682.176-.6.332-1.156.486-1.679.184-.648.356-1.254.531-1.857l.324.016a3.53 3.53 0 0 1 .365.741c.09.37.181.733.268 1.1q.606 2.487 1.182 4.984a4.956 4.956 0 0 0 1.355 2.329 15.077 15.077 0 0 1 1.662 2.779c.237.4.508.768.89 1.341.614-1.463 1.156-2.6 1.565-3.777.361-1.044 1.44-1.878.863-3.23a2.585 2.585 0 0 1 .14-1.509c.237-.847.563-1.668.853-2.5.167.011.338.018.508.026q.509 2.28 1.017 4.558l.287.013c.332-.8.685-1.594.985-2.407a7.956 7.956 0 0 0 .579-2.739v36.124Z' transform='translate(1628.5 998.547)' fill='%23132C55' stroke='rgba(0 0 0 0)' stroke-miterlimit='10' stroke-width='1'/%3E%3C/svg%3E"); | 49 | background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='445' height='45.104' viewBox='0 0 445 45.104'%3E%3Cpath id='Union_1' data-name='Union 1' d='M-1628-953.943v-36h231.632l167.007-.04 4.914.005c.011.1.019.189.029.287.625.266 1.305.834 1.858.73a12.964 12.964 0 0 0 2.864-1.012l.515-.234c.866-.4 1.613-1.07 2.638-.292a1.475 1.475 0 0 0 1.177-.043 14.77 14.77 0 0 0 2.92-1.437c1.62-1.155 2.3-1.336 3.628-.319a9.343 9.343 0 0 1 1.219 1.546 4.444 4.444 0 0 0 .742.8.208.208 0 0 0 .167.048 1.638 1.638 0 0 1 .284-.048h.236c.7.05 1.191.576 1.8.847a1.038 1.038 0 0 0 .946-.185 3.743 3.743 0 0 0 .438-.657c.146-.271.284-.56.449-.852h-1.6c.592-.877 1.086-1.607 1.671-2.471-.5.056-.77.085-1.252.136.311-.489.513-.826.725-1.153s.7-.758.627-1c-.4-1.283.746-1.761 1.057-2.654l.419-.058c.686 1.583 1.373 3.166 2.091 4.821h-.972c.528.823.994 1.549 1.551 2.412h-1.5c.212.282.414.553.614.824.392.529.786 1.057 1.248 1.682.176-.6.332-1.156.486-1.679.184-.648.356-1.254.531-1.857l.324.016a3.53 3.53 0 0 1 .365.741c.09.37.181.733.268 1.1q.606 2.487 1.182 4.984a4.956 4.956 0 0 0 1.355 2.329 15.077 15.077 0 0 1 1.662 2.779c.237.4.508.768.89 1.341.614-1.463 1.156-2.6 1.565-3.777.361-1.044 1.44-1.878.863-3.23a2.585 2.585 0 0 1 .14-1.509c.237-.847.563-1.668.853-2.5.167.011.338.018.508.026q.509 2.28 1.017 4.558l.287.013c.332-.8.685-1.594.985-2.407a7.956 7.956 0 0 0 .579-2.739v36.124Z' transform='translate(1628.5 998.547)' fill='%23132C55' stroke='rgba(0 0 0 0)' stroke-miterlimit='10' stroke-width='1'/%3E%3C/svg%3E"); | ... | ... |
-
Please register or sign in to post a comment