Search Results for 'post grid'

[dyathon]

dyathon

#182000

Dear Hannah , this are not working well , the result you can see here : https://dyathon.com/ . .I am sorry maybe I do not explain well . So I will try to explain again , for this I will edit images :

This is the blog look without sidebar https://imgur.com/G4PDHwv , and I like the post form/look in the category/section “Latest from the Blog” . So when I am add the sidebar , how you said homepage has not quite enough room for the grid to lay . So the look are changed in this : https://imgur.com/IG5hFHe . Is there a solution to keep the form of the posts ? I mean to put images from the top side of the post in the left side ? I can explain badly because English is not my native language so I made a Image Before and After [ Before – How it looks now ] and [ After – How I need ] https://imgur.com/dBtnxH5 . Thank you very much !

[Kevin]

Kevin

#181979

Hello,

Rather than use the posts widget, try adding this shortcode to a text widget:
[blog_posts type=grid orderby=date items=2]

Let me know if that works for you.

-Kevin

[Daniel]

Daniel

#181778

I am currently using Pinnacle, specifically for it’s portfolio functionality. Unfortunately, none of the “Project Options” are suitable for my purposes, so I am currently setting that particular option to “None”. Therefore I am relying on the standard Text editor to place image content into the portfolio pages. The only problems I have with doing it this way are linked to padding or spacing around the images. For example, when I do not set a header/slider, the first image is too far down the page on mobile devices (*Login to see link How do I move this image up so the space between the logo and first image is reduced? Also, it would be good if the image widths were larger on mobile devices (*Login to see link How to I increase them? If I could somehow put pagebuilder into the portfolio page, that would probably fix the latter problem. Is this possible? Alternatively, I notice that when I add a header to the portfolio page, the issue with the spacing is fixed, however, I can’t seem to get the header/slider fullwidth (*Login to see link How to I do this? Finally, if I were to abandon doing the portfolio this way and use “Image List Style 2” in the “Portfolio Post Options”, the set “Featured Image” is removed (*Login to see link and *Login to see link How can I stop this happening since I want that single selected image displayed on the home page in the portfolio grid to be the Featured Image.

[Daniel]

Daniel

#181778

I am currently using Pinnacle, specifically for it’s portfolio functionality. Unfortunately, none of the “Project Options” are suitable for my purposes, so I am currently setting that particular option to “None”. Therefore I am relying on the standard Text editor to place image content into the portfolio pages. The only problems I have with doing it this way are linked to padding or spacing around the images. For example, when I do not set a header/slider, the first image is too far down the page on mobile devices (*Login to see link How do I move this image up so the space between the logo and first image is reduced? Also, it would be good if the image widths were larger on mobile devices (*Login to see link How to I increase them? If I could somehow put pagebuilder into the portfolio page, that would probably fix the latter problem. Is this possible? Alternatively, I notice that when I add a header to the portfolio page, the issue with the spacing is fixed, however, I can’t seem to get the header/slider fullwidth (*Login to see link How to I do this? Finally, if I were to abandon doing the portfolio this way and use “Image List Style 2” in the “Portfolio Post Options”, the set “Featured Image” is removed (*Login to see link and *Login to see link How can I stop this happening since I want that single selected image displayed on the home page in the portfolio grid to be the Featured Image.

[Kevin]

Kevin

#180130

1. Try turning off “Respect Image Aspect Ratio” in the slider settings. That should get the slider to display as one consistent height.

2. It looks as though you the videos haven’t been uploaded properly to your site. They’re still linking to the localhost site:
http://localhost/my_wordpress/wp-content/uploads/2017/10/winenext-background-converted.mp4

Try reuploading the vidoe.

3. Since you’re using images that are different dimensions, the theme will have to crop some of the images. Try setting the home portfolio to “grid without margin” or “mosaic” this should force the entire images to display.

4. Try adding this CSS to Theme Options> Custom CSS:

.page-id-332 .portfolio-poststyle-content .portfolio-loop-title {
    min-height: 70px;
}

Let me know how this works for you.

-Kevin

[Ben Ritner]

Ben Ritner

#179954

Is it possible to do this per staff group?

No, and there isn’t any way to for that. I would suggest you not use staff posts at all.
Instead, create custom child pages of your “about us” page. so one child page called “board” and then child pages under that with the names.

Then you would have to add all the content into those pages. On your board page you linked to instead of pulling in staff posts from a group just built in your custom grid with page builder and link to those pages you made.

Custom post type URLs use a slug. You can’t safely get around that in WordPress. The whole permalink structure is set up that way.

Now you could have staff/board/firstname-lastname with board being the slug of your group so that part could change based on group but only that part and that would require a large amount of php to handle the structure.

Ben

[Ben Ritner]

Ben Ritner

#179944

Hey,
So I think you are talking about a gallery, not the portfolio posts.

What I am referring to is not your single portfolio post. It’s the portfolio grid page where all your featured images show.

If you want to edit a single portfolio post and change the size of some gallery you are adding there then you need to use the gallery shortcode. You can build this by clicking the “add media” button and choosing to create a gallery.

Once you add the gallery click on the “text” tab of your page and add imgwidth="400" imgheight="300" for example to the shortcode

Ben

[Sam]

Sam

#178827

Ben,

Everything worked, thanks. Another question please on the related subject:

I pasted the portfolio loop code into my author archive page, to show the authors portfolio the way virtue shows portfolio items on other pages:
Here is the example:
https://keramika-kartina.ru/author/elena-smurova/

It works fine, unless images have unequal aspect ratio, like this one:
https://keramika-kartina.ru/author/oleg-tyurenkov/

Is there a way to make them masonry, like here:
https://keramika-kartina.ru/
OR here:
https://keramika-kartina.ru/izdeliya/

So I use this part of code to generate the portfolio elements:

<ul class="authorobjects" style="padding-left: 0px">
<!-- The Loop -->

    <?php 
	$diary = new WP_Query( array( 'post_type' => 'portfolio', 'paged' => $paged, 'author' => $curauth->ID ) );
	if ( $diary->have_posts() ) : while ( $diary->have_posts() ) : $diary->the_post(); ?>
        <li style="display: inline-block;list-style: none">
		<!---START--->
		<div class="portfolio_item grid_item postclass kad-light-gallery kt_item_fade_in kad_portfolio_fade_in" style="opacity: 1;margin-bottom:0px">
            <?php if ($postsummery == 'slider') {
            $image_gallery = get_post_meta( $post->ID, '_kad_image_gallery', true );
            if(!empty($image_gallery)) {
            	$attachments = array_filter( explode( ',', $image_gallery ) );
                if ($attachments) { 
                		$firstthumbnailURL = wp_get_attachment_url($attachments[0] , 'full');
                        $firstimage = aq_resize($firstthumbnailURL, $kt_portfolio_loop['slidewidth'], $kt_portfolio_loop['slideheight'], true, false, false, $attachments[0]);
                        ?>
                <div class="flexslider kt-flexslider loading kt-intrinsic imghoverclass clearfix" data-flex-speed="7000" data-flex-initdelay="<?php echo (rand(10,2000));?>" data-flex-anim-speed="400" data-flex-animation="fade" data-flex-auto="true">
                    <ul class="slides kad-light-gallery">
                        <?php 	foreach ($attachments as $attachment) {
		                                $thumbnail_src = wp_get_attachment_image_src($attachment , 'full');
                          				$thumbnailURL = $thumbnail_src[0];
		                                if(empty($kt_portfolio_loop['slideheight'])) {$slide_height = $kt_portfolio_loop['slidewidth'];} else {$slide_height = $kt_portfolio_loop['slideheight'];}
		                                $image = aq_resize($thumbnailURL, $kt_portfolio_loop['slidewidth'],$slide_height, true, false, false, $attachment);
		                                if(empty($image[0])) {$image = array($thumbnailURL,$thumbnail_src[1],$thumbnail_src[2]);} 
									        // Lazy Load
					                        if( kad_lazy_load_filter() ) {
					                          $image_src_output = 'src="data:image/gif;base64,R0lGODdhAQABAPAAAP///wAAACwAAAAAAQABAEACAkQBADs=" data-lazy-src="'.esc_url($image[0]).'" '; 
					                        } else {
					                          $image_src_output = 'src="'.esc_url($image[0]).'"'; 
					                        }?>
	                                  	<li>
	                                  		<a href="<?php the_permalink() ?>" title="<?php the_title(); ?>">
	                                  			<img <?php echo $image_src_output; ?> alt="<?php the_title(); ?>" width="<?php echo esc_attr($image[1]);?>" height="<?php echo esc_attr($image[2]);?>"  <?php echo kt_get_srcset_output($image[1], $image[2], $thumbnailURL, $attachment);?> class="" />
	                                  		</a>
											
											<?php if($kt_portfolio_loop['lightbox'] == 'true') {?>
												<a href="<?php echo esc_url($thumbnailURL); ?>" class="kad_portfolio_lightbox_link" title="<?php the_title();?>" data-rel="lightbox">
													<i class="icon-search"></i>
												</a>
											<?php }?>
	                                  </li>
	                                <?php }
	                            }
	                        }?>                            
					</ul>
              	</div> <!--Flex Slides-->
           	<?php } else if($postsummery == 'videolight') {
					if (has_post_thumbnail( $post->ID ) ) {
						$image_id = get_post_thumbnail_id( $post->ID );
						$image_url = wp_get_attachment_image_src($image_id, 'full' ); 
						$thumbnailURL = $image_url[0];
						$image = aq_resize($thumbnailURL, $kt_portfolio_loop['slidewidth'], $kt_portfolio_loop['slideheight'], true, false, false, $image_id);
						$video_string = get_post_meta( $post->ID, '_kad_post_video_url', true );
                  		if(!empty($video_string)) {$video_url = $video_string;} else {$video_url = $thumbnailURL;}
						if(empty($image[0])) {$image = array($thumbnailURL,$image_url[1],$image_url[2]);} 
				        // Lazy Load
                        if( kad_lazy_load_filter() ) {
                          $image_src_output = 'src="data:image/gif;base64,R0lGODdhAQABAPAAAP///wAAACwAAAAAAQABAEACAkQBADs=" data-lazy-src="'.esc_url($image[0]).'" '; 
                        } else {
                          $image_src_output = 'src="'.esc_url($image[0]).'"'; 
                        }
                        ?>

							<div class="imghoverclass">
	                            <a href="<?php the_permalink(); ?>" title="<?php the_title(); ?>" class="kt-intrinsic" style="padding-bottom:100%">
	                                <img <?php echo $image_src_output; ?> alt="<?php the_title(); ?>" width="<?php echo esc_attr($image[1]);?>" height="<?php echo esc_attr($image[2]);?>" <?php echo kt_get_srcset_output($image[1], $image[2], $thumbnailURL, $image_id);?> class="lightboxhover" style="display: block;">
	                            </a> 
	                        </div>
	                                <?php if($kt_portfolio_loop['lightbox'] == 'true') {?>
												<a href="<?php echo esc_url($video_url); ?>" class="kad_portfolio_lightbox_link pvideolight" title="<?php the_title();?>" data-rel="lightbox">
													<i class="icon-search"></i>
												</a>
									<?php }?>

                        <?php $image = null; $thumbnailURL = null;?>
                    <?php } 
            } else {
					if (has_post_thumbnail( $post->ID ) ) {
						$image_id = get_post_thumbnail_id( $post->ID );
						$image_url = wp_get_attachment_image_src($image_id, 'full' ); 
						$thumbnailURL = $image_url[0]; 
						$image = aq_resize($thumbnailURL, $kt_portfolio_loop['slidewidth'], $kt_portfolio_loop['slideheight'], true, false, false, $image_id);
						if(empty($image[0])) {$image = array($thumbnailURL,$image_url[1],$image_url[2]);}
				        // Lazy Load
                        if( kad_lazy_load_filter() ) {
                          $image_src_output = 'src="data:image/gif;base64,R0lGODdhAQABAPAAAP///wAAACwAAAAAAQABAEACAkQBADs=" data-lazy-src="'.esc_url($image[0]).'" '; 
                        } else {
                          $image_src_output = 'src="'.esc_url($image[0]).'"'; 
                        }
		        		?>
							<div class="imghoverclass">
<?php if($kt_portfolio_loop['showtypes'] == 'true') {
                        	$terms = get_the_terms( $post->ID, 'portfolio-type' ); 
                        	if ($terms) {?> 
                        		<p class="cportfoliotag">
                        			<?php $output = array(); foreach($terms as $term){ $output[] = $term->name;} echo implode(', ', $output); ?>
                        		</p>
                        <?php } 
                       	} 
                       	if($kt_portfolio_loop['showexcerpt'] == 'true') { ?> 
                       		<p><?php echo virtue_excerpt(16); ?></p> 
                       	<?php } ?>
	                            <a href="<?php the_permalink();?>" title="<?php the_title(); ?>" class="kt-intrinsic" style="padding-bottom:100%">
	                                <img <?php echo $image_src_output; ?> alt="<?php the_title(); ?>" width="<?php echo esc_attr($image[1]);?>" height="<?php echo esc_attr($image[2]);?>" <?php echo kt_get_srcset_output($image[1], $image[2], $thumbnailURL, $image_id);?> class="lightboxhover" style="display: block;">
	                            </a> 
	                        </div>
                            <?php if($kt_portfolio_loop['lightbox'] == 'true') {?>
										<a href="<?php echo esc_url($thumbnailURL); ?>" class="kad_portfolio_lightbox_link" title="<?php the_title();?>" data-rel="lightbox">
											<i class="icon-search"></i>
										</a>
							<?php }?>
                        <?php $image = null; $thumbnailURL = null;?>
                    <?php } 
            } ?>
              	
              	<a href="<?php the_permalink() ?>" class="portfoliolink">

					<div class="piteminfo">   

                        <h5><?php the_title();?></h5>                   
                    </div>
                </a>
        </div>
		
		
		<!----END---->
			
        </li>

    <?php endwhile; else: ?>
        <p><?php _e('Автор пока не добавил альбомы.'); ?></p>

    <?php endif; ?>

<!-- End Loop -->

    </ul>

[Ben Ritner]

Ben Ritner

#178651

Next since we have 1 portfolio post created you can build a portfolio page. It’s only going to show one post but at least we can start there.

Go to pages > add new. Then in the right sidebar choose the “portfolio grid” template.

Save/publish the page and view to see your one portfolio post showing there.

Now you can go back and adjust things like how many columns you want to show.

[Ben Ritner]

Ben Ritner

#178649

Hey,
A Portfolio page. Is a page which shows a grid of portfolio posts.

Think of it like a blog page shows individual blog posts all on one page. You don’t add posts in the page containing the blog pulls those posts in.

So if you look at the tutorial you linked to above step 1 is to “Step one: Create some portfolio posts”.

You have to start there. You can’t go create a page because there will be no portfolio posts to populate that page.

How are images added to a portfolio page? Is it short code? A widget? A menu?

So this question and your question answers imply to me that you are not starting with posts but instead trying to add directly inside the page.

While you can certainly add images to a page that will not be a portfolio page since it will just be a gallery of images and not link to individual posts.

[Hannah]

Hannah

#178364

Hey Sari,
Do you have “Display Blog Grid posts as rows instead of masonry” turned on from Theme Options > Blog Options?

Hannah

[Hannah]

Hannah

#177826

Hi Sarah,
You can create blog categories from Posts > Categories in your WP admin panel. Then you can assign individual posts to desired categories. Then to display a specific category on a page choose the Blog or Blog Grid page template and under Blog Options select a blog category.
Hope that helps!

Hannah

[Luke Shenefield]

Luke Shenefield

#177368

Hi Kevin,

I seem to be doing everything you are saying but I’m missing something! I added another row with the Ascend recent posts widget, which displays my two test posts. But still, the Ascend pot grid “lower gallery” isn’t showing anything… I can’t figure it out. It seems to be simple and I’m missing something.

Thank you,

Luke

[Luke Shenefield]

Luke Shenefield

#177225

Hi guys,

I want to copy this:

*Login to see link

And I’m so confused about the basic steps. Am I creating blog posts for each “gallery” or am I using the portfolio? And, what code am I putting into the siteorigin widget, or is it an Ascend gallery (which one?).

*Login to see link

Currently there is a mosaic gallery on the front page but it isn’t clicking through to the next gallery set, only maximizing its own picture, if you know what I mean. I added an Ascend post grid (labeled “lower gallery”) but nothing shows up…

Thank you,

Luke

[Luke Shenefield]

Luke Shenefield

#177225

Hi guys,

I want to copy this:

*Login to see link

And I’m so confused about the basic steps. Am I creating blog posts for each “gallery” or am I using the portfolio? And, what code am I putting into the siteorigin widget, or is it an Ascend gallery (which one?).

*Login to see link

Currently there is a mosaic gallery on the front page but it isn’t clicking through to the next gallery set, only maximizing its own picture, if you know what I mean. I added an Ascend post grid (labeled “lower gallery”) but nothing shows up…

Thank you,

Luke

[Felix]

Felix

#177047

Is there a possibility to show neither “full content” nore “excerpt” in staff grid page?
I’ve tried several options of shortcodes, but it never worked. I just want to show the Name and the photo on the Grid Page.
Another problem I did not solve yet is the sorting of the entries. If I use orderby name it is ordered descending, menas the order starts with persons with an W in their name, and persons wit an A in their name are at the bottom.

This is my shortcode so far:
[staff_posts items=”22″ columns=”4″ show_content=”false” link=”true” lightbox=”false” orderby=”name”]

[Felix]

Felix

#177047

Is there a possibility to show neither “full content” nore “excerpt” in staff grid page?
I’ve tried several options of shortcodes, but it never worked. I just want to show the Name and the photo on the Grid Page.
Another problem I did not solve yet is the sorting of the entries. If I use orderby name it is ordered descending, menas the order starts with persons with an W in their name, and persons wit an A in their name are at the bottom.

This is my shortcode so far:
[staff_posts items=”22″ columns=”4″ show_content=”false” link=”true” lightbox=”false” orderby=”name”]

[Ben Ritner]

Ben Ritner

#176669

Padding add this css:

.kad-wp-gallery .grid_item {
    margin: 0;
}

Breadcrumbs will be moved out the the h1 tag soon, it’s part of a coming update. You can of course just use css like this as well for right now:

.page-header h1.entry-title {
    font-size: 0;
    line-height: 0px;
}

Please post what your using the for button shortcode?

Ben

[Sam]

Sam

#175940

Yeah, it turned out they were allowing settling categories only with premium version. So I got it and categories work now.

However there is still an issue with uploading images to kad_gallery field. If I upload them using WP USER FRONTEND I get few issues:

1) They do not appear in the theme field when watching from backend, however they seem to be saved to database
2) They do not work in any _kkad_post_type setting except for the imagegrid option, but I need them to work in carousel

So, when uploading I use kad_gallery meta field as a target. Is it any different?

Thanks!

[Ben Ritner]

Ben Ritner

#175511

1. I’m not following. Can you send me a screen shot that explains better what the issue is? I don’t know what you are asking.

2. The grid of images down your page are massive enormous images. You need to resize and compress your images before you upload. For example look how large this image is : http://neu.dassonnenhaus.com/wp-content/uploads/2017/11/pexels-photo-227430.jpeg

Check out this post: https://www.kadencewp.com/best-practices-for-images-sizes-and-optimization-in-wordpress/

[Ben Ritner]

Ben Ritner

#175194

To further if for some reason you need to add a grid of portfolio posts to a blog post you can still do this you just have to use a shortcode:

[portfolio_posts columns="4" items="12"]

Ben

[Ben Ritner]

Ben Ritner

#175193

Hey,
Your image shows that you’re on “posts” in the posts > add new. Posts are not the same thing as a page. You need to go to page > add new and there you can choose a portfolio grid.

Ben

[Deepa]

Deepa

#175115

Hi,

My sample site is *Login to see link

1. How do I reduce the white space around the top image and around the page content?

2.How do I reduce the white space within posts?

3. How to align page content to start at exact place where the top picture starts?

Also, when I use blog grid with 2 columns on Published Articles page, I see calendar icon for each post. How do I get the date to be displayed instead?

Can these changes be done using theme options or they need code changes?
If the latter case, can you provide me with the code?

Many thanks,
Deepa

[Deepa]

Deepa

#175115

Hi,

My sample site is *Login to see link

1. How do I reduce the white space around the top image and around the page content?

2.How do I reduce the white space within posts?

3. How to align page content to start at exact place where the top picture starts?

Also, when I use blog grid with 2 columns on Published Articles page, I see calendar icon for each post. How do I get the date to be displayed instead?

Can these changes be done using theme options or they need code changes?
If the latter case, can you provide me with the code?

Many thanks,
Deepa