Streaming live at 10am (PST)

Glitch in Images Outline


#1

Hello,

I'm using the outline function to give all sides of images a 1 pt black outline. However, it only shows up on some images. There is no pattern and I don't understand how I could be doing something wrong.

Have other people shared similar issues? It's only the outline at the bottom of the image that doesn't show up.

:confused:


#2

Hi we need your public sharing link to understand what is going wrong :smile: Can you provide it?


#3

Hi Vincent, here: https://preview.webflow.com/preview/theinteractivenews-hashmi01?preview=673ea27a5d538483cec819cc87ff11d3


#4

I see the problem only occurs with this image.

If I was you, I would give the border to the parent element, the tab pane, instead of the image, wich is less predictable.


#5

Click on one of the article pages, e.g. The Flight of Refugees. You'll see that the even though the Outline is turned on, it only shows up on 3 sides.

Sometimes, I increase the bottom outline by 1 more pt, it solves the issue of that photo, but not overall.


#6

I will try that. But will it be a problem if the images are different sized?


#7

Hey @vincent, the problem is still there :confused:


#8

There's an overlap somewhere.

Ok so:

If all your images are on a white canvas, it won't be noticeable

So to fix your issue, try adding a slight bottom padding to the parent element that gets the border. From 1 to 5px... it counteracts the overlapp. I admit I do not see where the overlapp is coming from...


#9

Hi,

Still facing the issue. Can any of the other members help?


#10

This topic was automatically closed 60 days after the last reply. New replies are no longer allowed.