[Alex KParticipant]

Dear X-Makers,

loved your theme since the beginning and am embracing the new page builder you made for the community of dedicated website creators.

I am a photographer from Berlin and thankful you included my X-site (Ethos style): http://www.alexanderklebe.com in your Demo section about this wonderful theme.

I have another major visual idea of how I would like to enhance my page and I would be happy if you could see a way to include it in further development of elements for the page builder Cornerstone.

1. I long for a minimalist Portfolio / blog overview with many items (20 – 50) without borders (gutter) and without any text where all the images are aligned together as in the tiled galleries. This would be a perfect next step to make the site and first impression of images outstanding.

2. Also I realised, that the load time for a photography website are the weak point. Of course a photographer wants to show of his best pictures, but with lots of pictures (>20) on the landing page also gives heavy load times. Now I am using the Revolution Slider, but thats not ideal solution for too many photos (and with Retinas coming up even less). Thats why I would like to combine the slider with fewer images and have the gallery view of portfolio or blog items as in 1 below that.
Do you have an idea how to automatically generate smaller preview pictures for the overview page mentioned in 1 or include a preload of a few, So the viewer gets a dozen images as first results and has something to see, while more images are loaded and added below?

I would be happy to further explain the ideas and it would be amazing to have these upgrades included in the further development of the theme.

Thank You,
Alexander from Berlin

[ChristopherModerator]

Hi there,

#1 Please add the following code in Customize -> Custom -> CSS :

.x-iso-container>.hentry {
  padding: 0 !important;
}
h2.h-entry-cover {
  display: none;
}

#2 Regretfully, at this time I am not entirely certain what it is you would like to accomplish based on the information given in your post. If you wouldn’t mind providing us with a little more clarification on what it is you’re wanting to do (a link to a similar example site would be very helpful, or perhaps some screenshots), we’ll be happy to provide you with a response once we have a better understanding of the situation.

Hope that helps.

[Alex KParticipant]

#1 Thank You. Yes the CSS helped for the normal view.
The Portfolio and Blogpage look as I thought > http://alexanderklebe.com/works

But the idea is more about Cornerstone and its preset elements.

Is there a way to have this view of Portfolio Items or last Posts outputted via an element in Cornerstone? (for example in the news section on the homepage > http://alexanderklebe.com) It seems the latest post element, which is limited to 4 posts and looks a bit odd, due to the text and date below it, is the only possibility of including posts or portfolio?

As for the post title I could think of a nice mouseover blend in to give it more visual appeal.

I am not sure if this is, where you thought Cornerstone could go and automatically feed itself from portfolio and posts, but I am sure many will appreciate.

#2 When I check the load time of my blog page, it seems that the full size images are loaded for the masonry view too.

Is there a way to reduce the weight and automatically generate and include smaller thumbnails of the featured image via X?

Thank You,
Alexander

[Alex KParticipant]

This reply has been marked as private.

[ZeshanMember]

Hi Alex,

#1: This could technically be possible with custom CSS and template development but would fall beyond the scope of support we can provide. You may wish to consult a developer to assist you with this. X is quite extensible with child themes, so there are plenty of possibilities.

#2: By default, in Ethos, post images in index and portfolio pages are set to background images. In order to add a image size to them, you may use following workaround:

Because this requires a template change, I’d advise that you setup a child theme. This allows you to make code changes that won’t be overwritten when an X update is released. After your child theme is setup, please review how we recommend making template changes in Customization Best Practices.

After that, add following code in your child theme’s functions.php file:

// Entry Cover Background Image Style - Image Size "Entry"
// =============================================================================

if ( ! function_exists( 'x_ethos_entry_cover_background_image_style' ) ) :
  function x_ethos_entry_cover_background_image_style() {

    $featured_image   = x_make_protocol_relative( x_get_featured_image_url('entry-cropped') );
    $background_image = ( $featured_image != '' ) ? 'background-image: url(' . $featured_image . ');' : 'background-image: none;';

    return $background_image;

  }
endif;

After this, make sure to regenerate your thumbnails.

Thanks!

[Alex KParticipant]

#1 Thank you, I understand that this wonderful support is not created for custom development on the go. Hopefully you can include this element idea in further development of X

#2 I already have installed a child theme and included the code above in the functions.php file and checked the website speed again 12hours later and it seems that the blog page where all the full size featured images are shown (http://alexanderklebe.com/blog) is still loading the big images for its masonry view.

My question was, if it was possible to automatically reduce the imagesize and loadtime for the blog or portfolio view?

Maybe this is also easier to be done in future development of the theme, which I am sure you will be constantly improving.

Thank you very much for your efforts,
Sincerely Alexander

[John EzraMember]

Hi Alex,

Thanks for updating the thread. I will submit this as a feature request though I cannot promise implementation or a timeline. However, as you said we will continue to do what we can to improve our user’s experience. We’ll announce it if it does get implemented. Thanks!

[Author]

Posts