Portfolio View page template, featured images of child pages

  • Gray Whale’s Portfolio View page template, to display multiple pages that have been set to have the portfolio-view page as their parent, is very nice.

    I’ve noticed that the scaled-down featured images for each child page, when displayed in their own “portfolio-card” section on the parent page, are flush left regardless of their size or aspect ratio. I thought that these thumbnail image versions of the featured images for each portfolio child page might look better centered, in case the portfolio-card block they are contained within has a different pixel width (such as if the web-browser viewport is enlarged or made smaller).

    I was able to achieve images being centered by adding just one line to Gray Whale’s CSS file (style.css), in the .portfolio-card .attachment-post-thumbnail block–

    .portfolio-card .attachment-post-thumbnail {
	position: relative;
	display: block;
	border-bottom: -5px;
	line-height: .85;
        margin: 0 auto;   /* this is the line
              I added to center the images */
}

    Gray Whale is a great theme. The Portfolio View is a great addition, and I’m considering whether to use it for my blog posts instead of using WordPress’s own blogging functionality. Instead of writing “posts” that will automatically appear in proper summary format on the special page I create and specify in WordPress as the blog-posts page, I may just create blog posts as pages instead, and set them all as children of the one page I created to use the Gray Whale Portfolio-View template.

    Anyway, I’m enjoying working with Gray Whale.

Viewing 3 replies - 1 through 3 (of 3 total)
  • Thread Starter steveftr

    (@steveftr)

    I love Gray Whale’s portfolio view template, but am curious as to how and when Gray Whale crops and scales the featured images of child pages of the portfolio-view page.

    I created two blog-type pages (not WP posts, but pages) so far and set them both as having the page created with the portfolio-view template as parent. The result can be seen here–

    a Gray Whale portfolio view page

    When I added the clock photo as featured image for one of the child pages, Gray Whale (or WordPress) cropped and scaled the image to a size suitable for the area in which it would be displayed on the Gray Whale portfolio page. But the other image, of a glass Venus Flytrap, was not automatically cropped or scaled, so I just wondered why that occurred and what criteria triggers the crop/scale process.

    Beautiful theme–

    Thread Starter steveftr

    (@steveftr)

    I believe I can now answer my own question above.

    Each theme may set its own requirements for the sizes and aspect ratios for scaled or cropped versions of images that are uploaded, and those different sizes (such as thumbnails) are generated automatically in the background without user interaction or knowledge.

    Because the different-size versions of uploaded images are determined by the settings of the theme, any images uploaded while a person was using a different theme may have different alternate sizes that were generated for that particular theme.

    In the case of the glass Venus Flytrap I mentioned above, it was uploaded while I was using a different theme (before I discovered Gray Whale). Once I deleted that image, and then reuploaded it under Gray Whale, a cropped and scaled version of the full-size image was created automatically to fit the specifications of Gray Whale’s portfolio-view page, which looks fine now.

    Theme Author basilosaur_us

    (@basilosaur_us)

    Yep. That’s the long and the short of it. If you have a lot of images that you want to convert to Gray Whale standard sizes, I would recommend the Regenerate Thumbmails plugin.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Portfolio View page template, featured images of child pages’ is closed to new replies.