CSS Styling query - scrolling .svg symbols within userdata text window

Special forum to share and discuss skins for Pano2VR and Object2VR
Post Reply
JGoding
Posts: 6
Joined: Fri Apr 03, 2020 11:11 am
Location: Melbourne, Australia
Contact:

Thu Apr 01, 2021 6:50 am

Hi,


I'm hoping someone could help by pointing me in the right direction with this. I am trying to add some .svg symbols into the "info_text_body" section of the userdata info popup box in the main controller at the bottom, and I want them to scroll along with the text, i.e. they are anchored to specific places within the text.

Here is the tour I'm building that's not yet final; https://croxtonparkvrtour.netlify.app/

Is the best way to do this by some CSS code? If yes could anyone help me out with some pointers to some relevant training videos? I've had a look around but can't find anything about inserting symbols into text.

Huge thanks in advance.

Joe
User avatar
Hopki
Gnome
Posts: 11269
Joined: Thu Jan 10, 2008 3:16 pm
Location: Layer de la Haye, Essex UK
Contact:

Thu Apr 01, 2021 10:01 am

Hi Joe,
There are a few ways to do this.
1) Set a rectangle and one text box, place your image then set another text box and so on.
So you are laying it out manually.

2) You can use CSS, have a look at this page: https://www.w3schools.com/tags/tag_img.asp

3) Just make a jpg in photoshop
Regards,
Hopki
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/
JGoding
Posts: 6
Joined: Fri Apr 03, 2020 11:11 am
Location: Melbourne, Australia
Contact:

Fri Apr 02, 2021 10:07 am

Awesome thanks Martin I will try this real soon.
Post Reply