Image in popup left-aligned

Ask the Community Customization
1

I would like to have the image in the popup in the Portfolio widget left-aligned like the text. And the brown background should have less space to the left and right of the image and text (about 20px).

Thank you
Dominik

3

It looks like I’ve got it right. Now the only thing missing is that the background automatically adjusts to the left and right with 20px spacing.

1 Like
4

Hi there, @Dominik1 :wave:

We’ve added this code to the Custom CSS field on the Style tab of your widget’s settings:

.global-styles,
.eapp-portfolio-project-detailed-media-description {
  max-width: unset !important;
}

.global-styles,
.eapp-portfolio-project-viewer-component .eapp-portfolio-picture-img {
  margin: 0 !important;
  width: 100% !important;
  max-width: unset !important;
}

.global-styles,
.eapp-portfolio-project-viewer-frame-content {
  max-width: 500px !important;
}

.global-styles,
.eapp-portfolio-picture-component {
  align-self: center;
}

Please check your website and let me know if it’s fine now :slightly_smiling_face:

5

Thank you very much, Max!! It looks great!!

2 Likes
6

Great, you’re welcome!

In the meantime, we’d like to invite you to join our new challenge, where you can win 3 FREE months for your subscription. Check the details and participate :wink: - March Challenge: Share your results with Elfsight & win 3 FREE months!:rocket:

1 Like