Change (edit) Ethos portfolio item ph ptemplate

Hi,

I’m in the process of redesigning my website using Pro theme. I’m not happy with the default Portfolio Item layout in Ethos stack and would like instead something like Portfolio Item in Icon.

I played a bit with php templates in my Pro child theme and arrived at this code:

<article id="post-<?php the_ID(); ?>" <?php post_class(); ?>>
<?php x_ethos_entry_top_navigation(); ?>

<div class="entry-featured"> 
<?php x_portfolio_item_featured_content(); ?>
<?php x_get_view( 'global', '_content', 'the-content' ); ?>
<div class="entry-extra">
  <?php x_portfolio_item_project_link(); ?>
  <?php x_portfolio_item_tags(); ?>
  <?php x_portfolio_item_social(); ?>
</div>
</div>
</article>

And got something I like but one thing I can’t make happen is to make the post full width:

My question is:
How can I make the post (both the featured image and content area) wider, like on the screenshot?

I’m at a loss what should I pursue now: php template, css classes, functions?

Portfolio item url: https://test.effekt.com.pl/oferty/angielski-dla-doroslych-grupie/
Password to the website: ProThemeIsGreat (it’s under construction)

Hi there!

Thanks for asking! The CSS elements you can try to adjust are .single-x-portfolio .entry-featured and .single-x-portfolio .entry-featured .entry-thumb img. You can adjust width: 100% for both or some intermediate value.

Hope it helps!

Thank you for listing the CSS classes. Looking at them I noticed float properities and was able to set them according to my liking. Thanks!

Glad everything is working now.