Change Background Color on Fullscreen

Having trouble getting started? The viewer isn't loading properly?
kento810
Posts: 2
Joined: Wed Jul 22, 2020 3:33 pm
Contact:

Change Background Color on Fullscreen

Postby kento810 » Wed Jul 22, 2020 3:55 pm

I am using an iframe for my 360 products. I set my background images to transparent in case I need to change the background color to different a color in css.

Unfortunately, when expanding to fullscreen, the background is black. Is there a way where I can change the background color in fullscreen?

Thanks,

Daniel

WebSupport
Posts: 1061
Joined: Thu Aug 23, 2012 11:35 am
Location: Pasadena, CA
Contact:

Re: Change Background Color on Fullscreen

Postby WebSupport » Wed Jul 22, 2020 10:16 pm

Hi Daniel, have you tried changing color here?

360-product-view-transparent-back.png

This affects both background color of the iframe (main view) and the full-screen as well. You can then simply go to the published html and update background-color back to transparent which will not affect the full-screen view.

Code: Select all

 <div id="wr360PlayerId" class="wr360_player" style="background-color:transparent;">
 </div>

kento810
Posts: 2
Joined: Wed Jul 22, 2020 3:33 pm
Contact:

Re: Change Background Color on Fullscreen

Postby kento810 » Mon Jul 27, 2020 7:26 am

That worked! Thank you!


Return to “Setup Issues and Embedding”

cron