Node Image Shapes?
Node Image Shapes?
Hi,
Is it possible to edit the shape of node images? I'd like to make mine circular but don't see an option for adjusting the radius like there is with rectangles. I tried adding a "border-radius" property in the CSS, but it only makes a circle behind the node image and doesn't affect the shape of the image itself.
Is it possible to edit the shape of node images? I'd like to make mine circular but don't see an option for adjusting the radius like there is with rectangles. I tried adding a "border-radius" property in the CSS, but it only makes a circle behind the node image and doesn't affect the shape of the image itself.
Re: Node Image Shapes?
put the following into the "CSS Styles:" field in the Node Image Advanced Properties:
overflow: hidden; border-radius: 50%;
overflow: hidden; border-radius: 50%;
Re: Node Image Shapes?
That's just what I was looking for, but here's one quick follow up: now, the tooltip is overflowing the rounded border of the node image. Is there a way to make it match the border of the node image without covering the image completely? I want to keep it looking like this image:
- Attachments
-
- hotspot.png (9.33 KiB) Viewed 77 times
Re: Node Image Shapes?
Sorry, I have no idea what you are talking about now.
Do not know what you mean by "tooltip is overflowing the rounded border of the node image"
Do not know what you mean by "tooltip is overflowing the rounded border of the node image"
Re: Node Image Shapes?
Apologies for the confusion. I've attached a screenshot to illustrate. Ideally, I'd like the tooltip background to end at the circular border of the node image instead of how it sits now.
- Attachments
-
- Screen Shot 2018-04-15 at 1.00.22 PM.png (269.5 KiB) Viewed 71 times
- Hopki
- Gnome
- Posts: 8060
- Joined: Thu Jan 10, 2008 3:16 pm
- Location: Layer de la Haye, Essex UK
- Contact:
Re: Node Image Shapes?
Hi,
In V5 or 6 use a masking container with the following CSS.
CSS for the container that is set to making::
Working project attached.
Regards,
Hopki
In V5 or 6 use a masking container with the following CSS.
CSS for the container that is set to making::
Code: Select all
overflow: hidden; border-radius: 50%; border-style: solid; border-width: 2px
Regards,
Hopki
- Attachments
-
- CircleTooltip.zip
- (29.33 KiB) Downloaded 6 times
Re: Node Image Shapes?
Hi Hopki,
Thanks for the skin. Nice addition to my collection of Hopki inspired skins
cheers,
Tony
Thanks for the skin. Nice addition to my collection of Hopki inspired skins

cheers,
Tony
Tony Redhead | Panoramic Photographer | mobile: +61438501002 | website: http://tonyredhead.com - http://redsquare.com | google+: http://google.com/+tonyredhead
Who is online
Users browsing this forum: No registered users and 1 guest