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.
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 5024 times
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 5018 times
- Hopki
- Gnome
- Posts: 13027
- Joined: Thu Jan 10, 2008 3:16 pm
- Location: Layer de la Haye, Essex UK
- Contact:
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 211 times
Garden Gnome Support
If you send an e-mail to support please send a link to the forum post for reference.
support@ggnome.com
https://ggnome.com/wiki/documentation/
If you send an e-mail to support please send a link to the forum post for reference.
support@ggnome.com
https://ggnome.com/wiki/documentation/
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: https://tonyredhead.com - https://redsquare.com | Pano2VR Tutorials: https://tonyredhead.com/pano2vr | instagram: https://www.instagram.com/tonyredhead/
- Hopki
- Gnome
- Posts: 13027
- Joined: Thu Jan 10, 2008 3:16 pm
- Location: Layer de la Haye, Essex UK
- Contact:
And just because I can
Here its using a timer and animated rectangles as well as fade in the preview and tooltip text.
Regards,
Hopki
Here its using a timer and animated rectangles as well as fade in the preview and tooltip text.
Regards,
Hopki
- Attachments
-
- CircleTooltip.zip
- (31.98 KiB) Downloaded 221 times
Garden Gnome Support
If you send an e-mail to support please send a link to the forum post for reference.
support@ggnome.com
https://ggnome.com/wiki/documentation/
If you send an e-mail to support please send a link to the forum post for reference.
support@ggnome.com
https://ggnome.com/wiki/documentation/