Community forum for knowledge and support

Updated last year

The Mysterious Case of the Elusive Header 98 Image

At a glance

The community member has a question about adding an image to a "Header 98" component. They renamed the class to "home-feature-website" and tried to add the image to the "header98_background-image" element, but the image doesn't show up. Another community member suggests that the "Header 98" component might be inside a "Layout 423" component, and the community member should move the "home-feature-website" out of that div.

The community member later solved the issue by adding the image on the style panel rather than the gear icon on the element. However, they now have a new issue with rounding the corners of the image, and the radius slider doesn't seem to work. The community members provide suggestions, such as making sure the community member is selecting the actual image tag and checking the parent elements, but the issue remains unsolved.

There is no explicitly marked answer in the comments.

n00b question here about Header 98. I pasted it in the navigator, renamed the class to home-feature-website, then attempted to add the image in the last child element - header98_background-image. But the image doesn't show up. πŸ˜“ Any help is appreciated!

M
Z
9 comments

Would you mind sending a read-only link?

also judging by this screenshot, which is sort of hard to tell it looks like you might have this header 98 component inside of layout 423 component. So likely, you'll need to move home-feature-website out of that div (cmd/ctrl + arrow key up) so that its not wrapped inside of layout 423.

My fear of being judged if i send a read only link made me solve it myself πŸ˜† - i tried to add the image on the style panel rather than the gear icon on the element.

Solved. Thank you. Another newbie issue has popped up - i dont know how to round corners the image. When I adjust the Radius slider, nothing happens.

fear not! We all started EXACTLY where you are. Every. Single. Person. Send it in DMs if you wish though. It helps immensely in troubleshooting issues.

For radius, you'll want to make sure you are selecting the actual image tag - but it also depends on what component you are trying to change the image border radius on - do you have any more details you can share?

yeah so in this case, you'll want to add border radius styles to the _image-wrapper div that is two elements above where you are now.

because the image element is likely position absolute and the _image-wrapper is the one defining the edges of the image in this case.

sadly it doesn't work. i even tried it with the elements above. i also thought if i changed the clipping settings maybe it'll work but it didnt.

send along a read-only andwe’ll go from there. πŸ’ͺ

Add a reply
Sign up and join the conversation on Slack