call out menu
Signed-off-by: Jeff <jeff@gotenzing.com>
Showing
7 changed files
with
72 additions
and
15 deletions
| ... | @@ -15017,6 +15017,7 @@ a[target=_blank]::after { | ... | @@ -15017,6 +15017,7 @@ a[target=_blank]::after { |
| 15017 | } | 15017 | } |
| 15018 | .join-callout .wp-block-group__inner-container .wp-block-column { | 15018 | .join-callout .wp-block-group__inner-container .wp-block-column { |
| 15019 | display: flex; | 15019 | display: flex; |
| 15020 | flex-direction: column; | ||
| 15020 | } | 15021 | } |
| 15021 | .join-callout .wp-block-group__inner-container .wp-block-image { | 15022 | .join-callout .wp-block-group__inner-container .wp-block-image { |
| 15022 | margin-bottom: 0px; | 15023 | margin-bottom: 0px; |
| ... | @@ -15166,7 +15167,9 @@ a[target=_blank]::after { | ... | @@ -15166,7 +15167,9 @@ a[target=_blank]::after { |
| 15166 | #wrapper-footer-full .menu .donate { | 15167 | #wrapper-footer-full .menu .donate { |
| 15167 | display: none; | 15168 | display: none; |
| 15168 | } | 15169 | } |
| 15169 | #wrapper-footer-full #menu-social { | 15170 | |
| 15171 | #menu-social, | ||
| 15172 | #menu-social-1 { | ||
| 15170 | flex-direction: row; | 15173 | flex-direction: row; |
| 15171 | padding: 0; | 15174 | padding: 0; |
| 15172 | list-style: none; | 15175 | list-style: none; |
| ... | @@ -15174,7 +15177,8 @@ a[target=_blank]::after { | ... | @@ -15174,7 +15177,8 @@ a[target=_blank]::after { |
| 15174 | margin: 0; | 15177 | margin: 0; |
| 15175 | margin-left: 33px; | 15178 | margin-left: 33px; |
| 15176 | } | 15179 | } |
| 15177 | #wrapper-footer-full #menu-social li { | 15180 | #menu-social li, |
| 15181 | #menu-social-1 li { | ||
| 15178 | margin: 0px; | 15182 | margin: 0px; |
| 15179 | margin-right: 8px; | 15183 | margin-right: 8px; |
| 15180 | height: 32px; | 15184 | height: 32px; |
| ... | @@ -15183,10 +15187,12 @@ a[target=_blank]::after { | ... | @@ -15183,10 +15187,12 @@ a[target=_blank]::after { |
| 15183 | border-radius: 50%; | 15187 | border-radius: 50%; |
| 15184 | position: relative; | 15188 | position: relative; |
| 15185 | } | 15189 | } |
| 15186 | #wrapper-footer-full #menu-social li a { | 15190 | #menu-social li a, |
| 15187 | font-size: 0; | 15191 | #menu-social-1 li a { |
| 15192 | font-size: 0 !important; | ||
| 15188 | } | 15193 | } |
| 15189 | #wrapper-footer-full #menu-social li a::after { | 15194 | #menu-social li a::after, |
| 15195 | #menu-social-1 li a::after { | ||
| 15190 | position: absolute; | 15196 | position: absolute; |
| 15191 | top: 7px; | 15197 | top: 7px; |
| 15192 | left: 9px; | 15198 | left: 9px; |
| ... | @@ -15196,16 +15202,38 @@ a[target=_blank]::after { | ... | @@ -15196,16 +15202,38 @@ a[target=_blank]::after { |
| 15196 | height: 18px; | 15202 | height: 18px; |
| 15197 | display: block; | 15203 | display: block; |
| 15198 | } | 15204 | } |
| 15199 | #wrapper-footer-full #menu-social .facebook a::after { | 15205 | #menu-social .facebook a::after, |
| 15206 | #menu-social-1 .facebook a::after { | ||
| 15207 | left: 12px; | ||
| 15200 | background-image: url("/wp-content/themes/understrap-child/images/Facebook.svg"); | 15208 | background-image: url("/wp-content/themes/understrap-child/images/Facebook.svg"); |
| 15201 | } | 15209 | } |
| 15202 | #wrapper-footer-full #menu-social .instagram a::after { | 15210 | #menu-social .instagram a::after, |
| 15211 | #menu-social-1 .instagram a::after { | ||
| 15203 | background-image: url("/wp-content/themes/understrap-child/images/Instagram.svg"); | 15212 | background-image: url("/wp-content/themes/understrap-child/images/Instagram.svg"); |
| 15204 | } | 15213 | } |
| 15205 | #wrapper-footer-full #menu-social .x a::after { | 15214 | #menu-social .x a::after, |
| 15215 | #menu-social-1 .x a::after { | ||
| 15206 | background-image: url("/wp-content/themes/understrap-child/images/X.svg"); | 15216 | background-image: url("/wp-content/themes/understrap-child/images/X.svg"); |
| 15207 | } | 15217 | } |
| 15208 | 15218 | ||
| 15219 | #menu-social.page { | ||
| 15220 | margin-left: 0px; | ||
| 15221 | } | ||
| 15222 | #menu-social.page li { | ||
| 15223 | height: 48px; | ||
| 15224 | width: 48px; | ||
| 15225 | margin-right: 14px; | ||
| 15226 | } | ||
| 15227 | #menu-social.page a::after { | ||
| 15228 | top: 11px; | ||
| 15229 | left: 13px; | ||
| 15230 | width: 22px; | ||
| 15231 | height: 26px; | ||
| 15232 | } | ||
| 15233 | #menu-social.page .facebook a::after { | ||
| 15234 | left: 16px; | ||
| 15235 | } | ||
| 15236 | |||
| 15209 | .has-blue-color, | 15237 | .has-blue-color, |
| 15210 | .has-blue-color:visited { | 15238 | .has-blue-color:visited { |
| 15211 | color: #0d6efd; | 15239 | color: #0d6efd; | ... | ... |
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.
| ... | @@ -107,10 +107,18 @@ function understrap_child_customize_controls_js() | ... | @@ -107,10 +107,18 @@ function understrap_child_customize_controls_js() |
| 107 | } | 107 | } |
| 108 | add_action('customize_controls_enqueue_scripts', 'understrap_child_customize_controls_js'); | 108 | add_action('customize_controls_enqueue_scripts', 'understrap_child_customize_controls_js'); |
| 109 | 109 | ||
| 110 | function upload_svg_files( $allowed ) { | 110 | function upload_svg_files($allowed) |
| 111 | if ( !current_user_can( 'manage_options' ) ) | 111 | { |
| 112 | if (!current_user_can('manage_options')) | ||
| 112 | return $allowed; | 113 | return $allowed; |
| 113 | $allowed['svg'] = 'image/svg+xml'; | 114 | $allowed['svg'] = 'image/svg+xml'; |
| 114 | return $allowed; | 115 | return $allowed; |
| 115 | } | 116 | } |
| 116 | add_filter( 'upload_mimes', 'upload_svg_files'); | ||
| ... | \ No newline at end of file | ... | \ No newline at end of file |
| 117 | add_filter('upload_mimes', 'upload_svg_files'); | ||
| 118 | |||
| 119 | function print_menu_shortcode($atts, $content = null) { | ||
| 120 | extract(shortcode_atts(array( 'name' => null, 'class' => null ), $atts)); | ||
| 121 | return wp_nav_menu( array( 'menu' => $name, 'menu_class' => $class, 'echo' => false ) ); | ||
| 122 | } | ||
| 123 | |||
| 124 | add_shortcode('menu', 'print_menu_shortcode'); | ||
| ... | \ No newline at end of file | ... | \ No newline at end of file | ... | ... |
| ... | @@ -52,7 +52,10 @@ | ... | @@ -52,7 +52,10 @@ |
| 52 | } | 52 | } |
| 53 | } | 53 | } |
| 54 | 54 | ||
| 55 | #menu-social{ | 55 | } |
| 56 | |||
| 57 | #menu-social, | ||
| 58 | #menu-social-1{ | ||
| 56 | flex-direction: row; | 59 | flex-direction: row; |
| 57 | padding:0; | 60 | padding:0; |
| 58 | list-style: none; | 61 | list-style: none; |
| ... | @@ -69,7 +72,7 @@ | ... | @@ -69,7 +72,7 @@ |
| 69 | border-radius: 50%; | 72 | border-radius: 50%; |
| 70 | position: relative; | 73 | position: relative; |
| 71 | a { | 74 | a { |
| 72 | font-size:0; | 75 | font-size:0 !important; |
| 73 | } | 76 | } |
| 74 | a::after{ | 77 | a::after{ |
| 75 | position: absolute; | 78 | position: absolute; |
| ... | @@ -87,6 +90,7 @@ | ... | @@ -87,6 +90,7 @@ |
| 87 | 90 | ||
| 88 | .facebook { | 91 | .facebook { |
| 89 | a::after { | 92 | a::after { |
| 93 | left: 12px; | ||
| 90 | background-image:url("/wp-content/themes/understrap-child/images/Facebook.svg"); | 94 | background-image:url("/wp-content/themes/understrap-child/images/Facebook.svg"); |
| 91 | 95 | ||
| 92 | 96 | ||
| ... | @@ -109,6 +113,22 @@ | ... | @@ -109,6 +113,22 @@ |
| 109 | 113 | ||
| 110 | } | 114 | } |
| 111 | 115 | ||
| 112 | 116 | #menu-social.page{ | |
| 113 | 117 | margin-left: 0px; | |
| 118 | li { | ||
| 119 | height:48px; | ||
| 120 | width:48px; | ||
| 121 | margin-right:14px; | ||
| 122 | } | ||
| 123 | a::after{ | ||
| 124 | top: 11px; | ||
| 125 | left: 13px; | ||
| 126 | width: 22px; | ||
| 127 | height: 26px; | ||
| 128 | } | ||
| 129 | .facebook { | ||
| 130 | a::after { | ||
| 131 | left: 16px; | ||
| 132 | } | ||
| 133 | } | ||
| 114 | } | 134 | } |
| ... | \ No newline at end of file | ... | \ No newline at end of file | ... | ... |
-
Please register or sign in to post a comment