Consistent Layout and Image Size

Ask the Community General Questions
1

My LinkedIn Feed Widget uses the Slider layout. Sometimes the images from the LinkedIn Post are huge and sometimes the image is on top, with the post text underneath. Most times, the image is on the right, with the post text on the left (and I see the button to reverse that). How can I make sure it is always formatted that way - eliminate scenarios where the image is on top? And, also eliminate situations where the image is entirely too large?

1 Like
3

Also, I think if I can better control the image size, the top/bottom issue will go away, as that only seems to happen when the image is taking up 100% of the slider. So, a setting for the slider that will constrain the image size to 50% of whatever the slider width is, would likely work, as long as the height is also constrained proportionally.

2 Likes
4

Hi there, @user29521 :waving_hand:

The images that appear at the top are uploaded in a horizontal orientation on LinkedIn, while the ones on the right are in a vertical format:

image
image393×856 138 KB


I’m not sure if there’s anything we can do about it, but I’ll check with the devs and let you know as soon as I have an update :slightly_smiling_face:

1 Like
5

Thanks, that’s fine. I’m less concerned about the orientation and more about the size of the image - they are either clipping off the edges are expanding too large. Thanks, appreciate the prompt response.

2 Likes
6

Hi there, @user29521 :waving_hand:

Please add this code to the Custom CSS field on the Style tab of your widget’s settings and let me know if it helped :slightly_smiling_face:

.es-repost-preview-block {
  padding: 2px !important;
}

.es-card-repost-preview-block-container {
  display: flex;
  flex-direction: row-reverse;
  border: none;
}

@media (max-width: 768px) {
  .es-card-repost-preview-block-container {
    flex-direction: column-reverse;
  }
}
3 Likes
7

Thanks, this helped quite a bit and ‘fixed’ about 90% of the problem I was seeing. There are still some where the images are being clipped - it’s not proportionally resizing, but I will try adding a max-height in with the max-width. This is great, thanks for the help and the prompt response.

2 Likes
8

Ah, I see this! I’ve asked the devs if it’s possible to fix image cropping and will get back to you tomorrow :slightly_smiling_face:

2 Likes
9

Our devs will try to adjust the image with the custom script. I’ll get back to you once I have any news :slightly_smiling_face:

1 Like
10

Hi @user29521 :waving_hand:

Thank you for waiting!

Please try to add this code to the Custom CSS field and let me know if you like the result :slightly_smiling_face:

[class*='MediaContainer__Container-sc'] {
  height: 100% !important;
}
1 Like
12

Looks like this worked on all of the posts I spot-checked. Thank you!

1 Like
13

Perfect, you’re always welcome :wink: