brighton beach

I understand. Thank you very much anyway. I might do it with shortcode.

Thanks!
Yes of course, this would work.

Just commented out the code responsible for showing the small project images in the portfolio-page template

` <div class=”projects clear”>
<?php
while ( $project_query -> have_posts() ) : $project_query -> the_post();
get_template_part( ‘content’, ‘portfolio’ );
endwhile;
?>
</div>`

In the wp backend, I then inserted the portfolio shortcode on the homepage.

Was actually hoping to do it without shortcode, by changing the php code of the template.

• This reply was modified 6 years, 3 months ago by brighton beach.

Thanks for your reply.

The website is not public yet, therefore ssharing the url wouldn’t help.

Yes, I would like to change the number of project thumbnails on the homepage, which uses the Portfolio Page template. I would like to keep the three column layout, but would like to be able to show 3, 6, 9 or 12 thumbnails.

I found this code in the page template:

$posts_per_page = get_option( 'jetpack_portfolio_posts_per_page', '9' );

but changing the ‘9’ didn’t help.

• This reply was modified 6 years, 3 months ago by brighton beach.

Works fine. Tested with Safari, Firefox (Mac) and Vivaldi. Useful option. Thanks you very much.

This is the best sticky-menu effect plugin I have tested. Been using it for many years.

Cheers!

That’s interesting: Your above code works fine. However in combination with other options is doesn’t. For example:

<?php echo social_bookmarks( 'default=off&twitter=on&facebook=on', 'priority=123', "target='_blank'" ); ?>

Changing the format of the other options according to your example doesn’t work either:
<?php echo social_bookmarks( "default='off'&twitter='on'&facebook='on'", "priority='123'", "target='_blank'" ); ?

Cheers, I have sent you the url via the contact form on your blog. The site is still in development and shouldn’t be shared in a public forum.

Thanks for getting back to me immediately, David.

I have done some more testing and found out that the taget option is only an issue on pages, generated with Jetpack; Jetpack-portfolio pages in this case. On other pages it works fine. Unfortunately I would only use it on Jetpack-portfolio pages. I guess there is no easy workaround.

Have a good weekend.

I found the solution. Removing the entry-thumbnail span class from the slider (using a child theme of course) seems to have done the trick. Now it works as expected, the sliders width and height scale proportionally.

I would like to change the height of the slider. When I do this, as described above, it looses the ability to seamlessly scale, when changing the window size. The slider images scale proportionally, but the slider’s viewport has a fixed height. I don’t think that introducing more breakpoints would solve this.

Thank you, Kathryn.

I tried the CSS code you suggested. The slider has a height of 600px now. Unfortunately this height stays fixed when I make the window smaller. The slider’s width and the dimensions of the image scale down proportionally, but the slider’s height doesn’t change.

Still playing around with it. Tried max-height: 600px, but this caused it to go back to the original dimensions.

What could I do to make the slider a different size and keep its responsive functionality?

I believe the slider uses the featured images. As I want to show bigger slides, I have to increase their size first. Otherwise the slider might blow them up, which would result in loss of quality.

Thanks, Siobhan.

Forgot to mention: It worked for me only when I removed the old image size, Sketch introduces in its functions.php, using remove_image_size($name) before adding the new one in my child theme.

Thank you very much for your reply, Kathryn.

Yes, one of my options is to hide the middle thumbnail, then to increase the size of the left and right thumbnails, so that I have a two column layout. It looks fine, not perfect though. The first project has no previous-link and the last project no next-link. To fix this I will have to find out how to ?loop? the projects.

An other option would be to show a number of random projects at the bottom. It’s quite easy to do this with Jetpack’s shortcode.

<?php echo do_shortcode('[portfolio display_types=true display_tags=false columns=3 showposts=3 orderby=rand]')?>

The problem is, that the current project might appear here. I have to find a way to prevent this. Probably I have to do this without shortcode.

For now, I have hidden the thumbnail part at the end of single-jetpack-portfolio.php until I find an elegant solution. This will probably involve learning some PHP.

Thank you very much, Kathryn. It is working fine now.

I had already created the new function, therefore my thumbs were the right size. Only the CSS part was missing. Never would have guessed that the container size is controlled with padding-top…

A question about your function: What’s the job of the ?11? at the end? I didn’t have that in mine.

Now that it’s working so well, my next step might be to register a new image size I can select in the admin panel, but this will have to wait as it’s not really nessesary.

Create a child theme (https://codex.www.ads-software.com/Child_Themes) and put it in the child theme’s style.css file.