About us page
Home/Support Forums/Pniber/About us page
- This topic has 7 replies, 2 voices, and was last updated 2 years, 7 months ago by
LenVan Support.
-
AuthorPosts
-
July 6, 2020 at 6:59 AM #420
shoaib
ParticipantHi Dear,
We need 3 Plain blobs with text only. like this
https://drive.google.com/file/d/1oGP9AoXQpcjUMXie35cyH3aXFwOKemZL/view
Can you please guide how can we achieve this?
Thanks
July 6, 2020 at 7:07 AM #421LenVan Support
KeymasterHi, Shoaib.
I can provide custom code in the evening.
Regards
July 6, 2020 at 5:29 PM #423LenVan Support
Keymaster1) You need to add the shortcode code to the function.php file: https://yadi.sk/i/CRtgkifZWp6vYg
<?php /** * [pniber-shape] Shortcode */ function pniber_shape_shortcode( $atts ){ $atts = shortcode_atts( array( 'title' => '', ), $atts ); ob_start(); $svg_width = 3; $svg_height = 4; $thumb_svg_paths = array( 'M 0.88 0.512 C 0.89 0.607 0.853 0.72 0.782 0.783 C 0.715 0.842 0.605 0.823 0.517 0.842 C 0.425 0.861 0.316 0.949 0.236 0.899 C 0.155 0.848 0.186 0.712 0.165 0.619 C 0.148 0.543 0.111 0.465 0.119 0.388 C 0.128 0.292 0.152 0.172 0.232 0.119 C 0.313 0.064 0.436 0.085 0.529 0.117 C 0.61 0.146 0.676 0.217 0.734 0.281 C 0.794 0.349 0.87 0.422 0.88 0.512 Z', 'M 0.89 0.521 C 0.873 0.595 0.855 0.675 0.814 0.739 C 0.768 0.812 0.706 0.89 0.626 0.922 C 0.534 0.958 0.413 0.965 0.327 0.916 C 0.241 0.867 0.211 0.751 0.169 0.662 C 0.122 0.561 0.032 0.448 0.065 0.343 C 0.099 0.236 0.235 0.189 0.335 0.139 C 0.428 0.093 0.534 0.039 0.638 0.051 C 0.745 0.063 0.874 0.115 0.924 0.211 C 0.971 0.303 0.912 0.421 0.89 0.521 Z', 'M 0.869 0.514 C 0.855 0.602 0.866 0.715 0.8 0.774 C 0.736 0.832 0.626 0.791 0.543 0.814 C 0.441 0.843 0.346 0.972 0.246 0.937 C 0.146 0.903 0.097 0.765 0.088 0.66 C 0.081 0.57 0.157 0.489 0.185 0.403 C 0.215 0.311 0.193 0.187 0.264 0.122 C 0.339 0.052 0.467 0.053 0.57 0.062 C 0.681 0.071 0.825 0.088 0.886 0.182 C 0.946 0.274 0.886 0.406 0.869 0.514 Z', 'M 0.862 0.478 C 0.852 0.561 0.886 0.657 0.848 0.732 C 0.804 0.818 0.719 0.913 0.623 0.919 C 0.528 0.926 0.464 0.808 0.378 0.767 C 0.279 0.718 0.102 0.757 0.064 0.653 C 0.025 0.55 0.181 0.462 0.227 0.362 C 0.266 0.277 0.244 0.144 0.324 0.096 C 0.405 0.048 0.512 0.125 0.605 0.135 C 0.709 0.147 0.858 0.079 0.921 0.162 C 0.986 0.247 0.875 0.373 0.862 0.478 Z', 'M 0.875 0.506 C 0.856 0.588 0.821 0.67 0.772 0.738 C 0.719 0.811 0.66 0.911 0.57 0.924 C 0.48 0.938 0.391 0.866 0.322 0.807 C 0.265 0.757 0.232 0.682 0.195 0.615 C 0.149 0.532 0.069 0.448 0.076 0.353 C 0.084 0.247 0.15 0.116 0.251 0.081 C 0.35 0.047 0.449 0.168 0.553 0.185 C 0.662 0.202 0.81 0.099 0.887 0.178 C 0.964 0.255 0.9 0.4 0.875 0.506 Z', 'M 0.936 0.506 C 0.923 0.596 0.843 0.666 0.79 0.74 C 0.731 0.823 0.695 0.968 0.594 0.978 C 0.492 0.988 0.442 0.832 0.353 0.78 C 0.265 0.729 0.097 0.765 0.065 0.668 C 0.032 0.571 0.197 0.501 0.228 0.403 C 0.263 0.294 0.167 0.134 0.252 0.058 C 0.335 -0.016 0.481 0.043 0.587 0.073 C 0.684 0.1 0.792 0.139 0.855 0.217 C 0.917 0.295 0.95 0.408 0.936 0.506 Z', 'M 0.991 0.5 C 1.002 0.605 0.913 0.711 0.829 0.776 C 0.757 0.832 0.651 0.829 0.562 0.853 C 0.46 0.88 0.347 0.974 0.253 0.929 C 0.157 0.883 0.154 0.738 0.116 0.64 C 0.078 0.539 -0.012 0.428 0.025 0.327 C 0.063 0.227 0.193 0.174 0.298 0.149 C 0.381 0.13 0.473 0.161 0.556 0.181 C 0.633 0.2 0.715 0.221 0.78 0.265 C 0.866 0.324 0.981 0.396 0.991 0.5 Z', 'M 0.895 0.462 C 0.894 0.554 0.894 0.665 0.833 0.734 C 0.772 0.801 0.66 0.798 0.573 0.824 C 0.469 0.856 0.345 0.964 0.253 0.905 C 0.16 0.847 0.215 0.685 0.188 0.579 C 0.166 0.491 0.09 0.405 0.106 0.315 C 0.124 0.22 0.199 0.116 0.291 0.084 C 0.378 0.053 0.473 0.13 0.565 0.147 C 0.655 0.163 0.773 0.122 0.84 0.184 C 0.908 0.248 0.896 0.369 0.895 0.462 Z', 'M 0.951 0.465 C 0.961 0.571 0.839 0.651 0.771 0.732 C 0.703 0.813 0.643 0.933 0.539 0.954 C 0.435 0.976 0.322 0.904 0.237 0.84 C 0.161 0.782 0.093 0.698 0.065 0.606 C 0.039 0.518 0.047 0.415 0.078 0.329 C 0.109 0.242 0.168 0.156 0.246 0.107 C 0.326 0.057 0.436 0.025 0.526 0.051 C 0.612 0.076 0.658 0.177 0.722 0.239 C 0.798 0.313 0.94 0.36 0.951 0.465 Z', ); $svg_unique_id = 'shape-' . pniber_theme_unique_ID( 'svg' ); $bg_path = $thumb_svg_paths[ pniber_theme_unique_ID( 'thumb' ) % count( $thumb_svg_paths ) ]; $thumb_path = $thumb_svg_paths[ pniber_theme_unique_ID( 'thumb' ) % count( $thumb_svg_paths ) ]; ?> <div class="post-thumb svg-thumb svg-shape standart"> <svg class="bg"> <defs> <clipPath class="bg" id="bg-<?php echo esc_attr( $svg_unique_id ); ?>" clipPathUnits="objectBoundingBox"> <path d="<?php echo esc_attr( $bg_path ); ?>"></path> </clipPath> <linearGradient id="gradient-<?php echo esc_attr( $svg_unique_id ); ?>" x2="1" y2="1"> <stop offset="0%"></stop><stop offset="20%"></stop><stop offset="80%"></stop><stop offset="100%"></stop> </linearGradient> </defs> <g clip-path="url(#bg-<?php echo esc_attr( $svg_unique_id ); ?>)"> <rect fill="url(#gradient-<?php echo esc_attr( $svg_unique_id ); ?>)" width="100%" height="100%"></rect> </g> </svg> <div class="thumb-link"> <svg class="img" viewBox="0 0 <?php echo esc_attr( $svg_width ); ?> <?php echo esc_attr( $svg_height ); ?>" preserveAspectRatio="xMidYMid"> <defs> <clipPath class="img" id="img-<?php echo esc_attr( $svg_unique_id ); ?>" clipPathUnits="objectBoundingBox"> <path d="<?php echo esc_attr( $thumb_path ); ?>"></path> </clipPath> </defs> <g clip-path="url(#img-<?php echo esc_attr( $svg_unique_id ); ?>)"> <rect width="100%" height="100%"></rect> </g> </svg> <?php if ( ! empty( $atts['title'] ) ) { ?> <div class="shape-title"><?php echo do_shortcode( $atts['title'] ); ?></div> <?php } ?> </div> </div> <?php return ob_get_clean(); } add_shortcode( 'pniber-shape', 'pniber_shape_shortcode' );
or download code from this link
2) Add the following code in Theme Settings -> Advanced -> Custom CSS -> Custom CSS field:
.svg-shape stop { stop-color: #E6E5E5; } .svg-shape .thumb-link { padding: 0; } .svg-shape .img rect { fill: #467f8a; } .svg-shape .shape-title { position: absolute; top: 0; right: 0; bottom: 0; left: 0; display: flex; align-items: center; justify-content: center; color: #FFF; padding: 10%; line-height: 1.6; text-align: center; } .svg-shape .shape-title br { display: block !important; }
3) Use this shortcode in content editor: https://yadi.sk/i/PrIax4d2D2_mhw, https://yadi.sk/i/SmU9HAUwIC87IQ, https://yadi.sk/i/g84gVOSBBbH4Sw, https://yadi.sk/i/hVF_rF6hd78ahw;
Exemple:
[pniber-shape title="your motley<br>marketing<br>crew"]
-
This reply was modified 2 years, 8 months ago by
LenVan Support.
-
This reply was modified 2 years, 8 months ago by
LenVan Support.
-
This reply was modified 2 years, 7 months ago by
LenVan Support.
July 31, 2020 at 6:35 AM #429shoaib
ParticipantHI,
Thanks for your support so far.
on the blog list page can we have pagination like attached one?
Please advise.
Thanks
July 31, 2020 at 7:06 AM #430LenVan Support
KeymasterHello, the screenshot is not loading.
If you have selected this: https://yadi.sk/i/zEoXEgH0geHDLg, then you can change pagination here: Appearance -> Theme Settings -> General -> Home -> Pagination.
If it’s a Category, Tag or Search Page, then here:
Appearance -> Theme Settings -> Archive Types -> (Archive / Blog | Post Tag | Search) -> Pagination.Regards
July 31, 2020 at 7:49 AM #431shoaib
ParticipantJuly 31, 2020 at 7:50 AM #432shoaib
ParticipantI need pagination like this on blog list.
July 31, 2020 at 7:52 AM #433LenVan Support
KeymasterSorry, there are 4 types of page numbering in the theme, but there is no such type.
Regards
-
This reply was modified 2 years, 8 months ago by
-
AuthorPosts
- The topic ‘About us page’ is closed to new replies.