google / marzipano

A 360° media viewer for the modern web.
http://www.marzipano.net
Apache License 2.0
1.95k stars 992 forks source link

help with text and html links in info boxes #432

Open metrorealty360 opened 2 years ago

metrorealty360 commented 2 years ago

My challenges and the code I am using are below, along with a sample tour:

Yorktown beach - http://my360vtours.com/yorktown-beach/ making the link bold

Currently I am hard coding the text in the box to make it black. I would like the text to be black everywhere in the info box. Is there a way to make the text ONLY in the box below the description to be black?

CODE TO MAKE LINK BLUE AND TEXT BLACK in the data.js file "infoHotspots": [ { "yaw": -0.44709385485554876, "pitch": 0.4042096236720045, "title": "explore the water", "text": "
Explore the area when you rent a kayak, paddle board or bike. It's a great way to see all that Yorktown Beach has to offer.

"

CODE TO MAKE BACKGROUND LIGHT GREY in the style.css file .info-hotspot-modal .info-hotspot-text { position: absolute; top: 110px; bottom: 10px; left: 10px; right: 10px; padding: 10px; background-color: rgb(255,255,255); background-color: rgba(255,255,255,0.8); overflow-y: auto; opacity: 0; -webkit-transition: opacity 0.3s ease-in-out; transition: opacity 0.3s ease-in-out;

Also, I can see the changes on my iphone but not on my desktop. Is there a script I need to add to fix this? Thanks for your help. Jennifer