Portolio-Items with the Ethos-Stack

Support
#1

Hello, is there a way to display the pictures in a portfolio item among themselves?

At the moment there is one featured image and the rest in the sidebar like in the Screenshot:

But i want something like this:

#2

Hi There,

Thank you for writing in, we can hide the featured image section and make the sidebar area take the full width, but this means that you need to add your featured image in the content as well. To do this, add the custom CSS below to Theme Options > CSS

.single-x-portfolio .entry-featured {display: none;}
.single-x-portfolio .entry-wrap {
	width: 100%;
	float: none;
}

Hope it helps,
Cheers!

#3

Thanks, it works. I have got an other question:

Is it possible to change the Potfolio-Layout on the Summary-Page like masonary? At the moment they have all the same dimensions.

#4

Hi There,

Because the portfolio items on summary page are displaying as background image so they have all same dimensions.

To display them like masonry style, you have to change the HTML of portfolio items. It would require the custom development which is outside the scope of our support. You need to hire a 3rd party to help you with this. Here is the function you need to edit:

function x_ethos_entry_cover( $location ) {

    if ( $location == 'main-content' ) { ?>

      <article id="post-<?php the_ID(); ?>" <?php post_class(); ?>>
        <a class="entry-cover" href="<?php the_permalink(); ?>" style="<?php echo x_ethos_entry_cover_background_image_style(); ?>">
          <h2 class="h-entry-cover"><span><?php x_the_alternate_title(); ?></span></h2>
        </a>
      </article>

    <?php } elseif ( $location == 'post-carousel' ) { ?>

      <?php GLOBAL $post_carousel_entry_id; ?>

      <article <?php post_class(); ?>>
        <a class="entry-cover" href="<?php the_permalink(); ?>" style="<?php echo x_ethos_entry_cover_background_image_style(); ?>">
          <h2 class="h-entry-cover"><span><?php ( $post_carousel_entry_id == get_the_ID() ) ? the_title() : x_the_alternate_title(); ?></span></h2>
          <div class="x-post-carousel-meta">
            <span class="entry-cover-author"><?php echo get_the_author(); ?></span>
            <span class="entry-cover-categories"><?php echo x_ethos_post_categories(); ?></span>
            <span class="entry-cover-date"><?php echo get_the_date( 'F j, Y' ); ?></span>
          </div>
        </a>
      </article>

    <?php }

}

Thank you for understanding!

#5

Thanks, i used “The Grid” and now it works.

I have an other Problem: The Logo ist too big for a Iphone SE-Device. Ist it possible to make it “more” responsive? At the moment it is too long.

#6

Hi @FurtFan86,

Sure, please add this CSS to your Theme Options CSS

.x-brand {
    font-size: calc(20px + 2vw) !important;
}

Hope this helps.

#7

Thanks, it works.

#8

You’re welcome!
Thanks for letting us know that it has worked for you.

#9

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.