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
Hi there, @user25816 and welcome aboard
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
1 Like