Experience builder background images & style

137
4
02-01-2023 09:09 AM
cole_KTB
New Contributor III

Hey there, 

I want to add an image as the full page background for my experience (web version). It looks like I can only use a fill color for body contents/background. Seems silly there is no way to make a full page image background. 

If this is not possible, is it possible to have an image as the background to a block, AND* overlay it with a transparent color so that text can be visible? I am able to add an image for blocks, but no other customization options seem available. 

Thanks in advance for any help! 

0 Kudos
4 Replies
BethAnnWinebarger
New Contributor III

That sounds similar to something I wanted to do -- Full screen image with text over top. 

How I did it (which may not be the 'best practices' method) was to use a text widget, make it full screen size, and make the background an image. I adjusted the position of the text with some blank lines. Then used Character Effects to make the white text stand out better against the picture.

Beth Ann
cole_KTB
New Contributor III

Hi Beth, 

Thanks for that work around. I am trying something similar with an image card, but hoping that there is a better method! 

0 Kudos
JenniferAcunto
Esri Contributor

I've done a full page image card with a full page text card on top that had a transparent background color. Then I stacked cards on top of all that with my actual text so that I could ensure the positioning was where I wanted. 

JenniferAcunto_0-1675275127758.png

 

- Jen
cole_KTB
New Contributor III

That looks really good! Yeah, so far I am using the image cards with some success, but I wish I could have a set background image with text features scrolling over the image as the user goes down the page (parallax scroll). 

I do appreciate the help! 

0 Kudos