About us page

Home/Support Forums/Pniber/About us page

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #420
    Avatarshoaib
    Participant

    Hi 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

    #421
    LenVan SupportLenVan Support
    Keymaster

    Hi, Shoaib.

    I can provide custom code in the evening.

    Regards

    #423
    LenVan SupportLenVan Support
    Keymaster

    1) 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"]

    #429
    Avatarshoaib
    Participant

    HI,

    Thanks for your support so far.

    on the blog list page can we have pagination like attached one?

    Screenshot

    Please advise.

    Thanks

    #430
    LenVan SupportLenVan Support
    Keymaster

    Hello, 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

    #431
    Avatarshoaib
    Participant

    #432
    Avatarshoaib
    Participant

    I need pagination like this on blog list.

    #433
    LenVan SupportLenVan Support
    Keymaster

    Sorry, there are 4 types of page numbering in the theme, but there is no such type.

    Regards

Viewing 8 posts - 1 through 8 (of 8 total)
  • The topic ‘About us page’ is closed to new replies.