Page 1 of 1

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

Posted: Thu Apr 01, 2021 6:50 am
by JGoding
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

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

Posted: Thu Apr 01, 2021 10:01 am
by Hopki
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,

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

Posted: Fri Apr 02, 2021 10:07 am
by JGoding
Awesome thanks Martin I will try this real soon.