Display Portfolio Preview Image at top of portfolio pop up when opened

Ask the Community General Questions
1

Is there any way to have the Portfolio Preview image display above the text in the portfolio pop up window (the rest of the portfolio images are fine to remain below text area). Thanks!

1 Like
3

Hi there, @user25816 and welcome aboard :waving_hand:

Yep, to implement this feature, you should complete these steps:

  • Remove existing preview images and don’t add preview images for the new projects

  • The image you’d like to use as a preview image should be the first in the project

  • Add the code below to the Custom CSS field on the Style tab of your widget’s settings:

.global-styles,
.eapp-portfolio-project-detailed-content {
  display: contents;
}

.global-styles,
.eapp-portfolio-project-detailed-media:first-child {
  order: -1;
  margin-bottom: 30px;
}

.global-styles,
.eapp-portfolio-project-detailed-media:nth-child(2) {
  margin-top: 40px;
}

This code will move the 1st project image to the top of the popup and use it as a project preview image. Please test it out and let me know if you like the result :wink:

1 Like