Images in header query | Experience Community
Skip to main content
Solved

Images in header query

  • September 1, 2021
  • 2 replies
  • 369 views
H

Hi, I have a logo that I want to use centred in the header for every survey page. When I insert in the image and centre it and then apply it it looks fine in the look and feel format but when I preview it it keeps moving back to a left alignment with the page - how do I keep it centred when I apply the change? Also, I have created this logo in a PNG file after changing the background to transparent in Powerpoint but when I upload it the background is still coloured - any idea on how I resolve this?

Thanks!

Best answer by ahmedA

I can't comment on your transparency issues, but for centering here are the steps that you can follow:

  1. Insert the image in the header, as you would normally do. (Size, borders etc.)

  2. Don't exit, click on the HTML section (read the support pages on how to access it)

You'll see some code like this:

3. Add this line at the before your exisitng HTML code:

4. Add this line after your existing HTML code: 
 
Now your image should always be center aligned.
Please let me know if this works.
2 replies
A
Level 7 ●●●●●●●
Forum|alt.badge.img+22
  • ahmedA
  • Level 7 ●●●●●●●
  • Answer
  • September 1, 2021
I can't comment on your transparency issues, but for centering here are the steps that you can follow:
  1. Insert the image in the header, as you would normally do. (Size, borders etc.)

  2. Don't exit, click on the HTML section (read the support pages on how to access it)

You'll see some code like this: 
 
3.  Add this line at the before your exisitng HTML code: 
 
4. Add this line after your existing HTML code: 
 
Now your image should always be center aligned.
Please let me know if this works.
    H
    • Helen_Morgan
    • Author
    • September 2, 2021
    Thanks so much ahmedA - it worked and I figured out the transparency issue. Thanks for you help!
      
        
                                            
      
                    
      

                
      
                                
      
        
      
    
      

            
      
                        
                        
      
                                                                                                            
            
      

      

      

        
      
                    
      
    
    


      
    
      

                                        
      
                                                        
      
            
        
    
      

      

      

                                    
      Terms & ConditionsAccessibility statement