Image in service portal is not appearing properly

[kushi1]

Hi All,

I have a requirement to keep the image in top and place the widgets below.

so i have added a container and added image in it.

But it is appearing as single line.

How to define the width or height to the image.In order to know the class , inspect is not showing the content or the class.

please let me know the exact place to add css to define width to the image or container.

Please see the below screenshot and if anybody is aware of this kindly help me out.

Thanks in advance!!!

[sayali udgave]

Hi,

Add this in your css code

div {
  width: 100%;
  height: 400px;
  background-image: url('img_flowers.jpg');
  background-size: cover;

}

 Or  through HTML, you can refer following link

https://www.w3schools.com/html/html_images.asp

Hope this helps !

Thanks

Sayali

[Paul Curwen]

1. Go into Page designer and make sure you insert the container on the page in the position you want the image. Then insert the layout columns you need into the container e.g 12, 6|6, 3|9.

2. Then all you need to do is insert (drag) the HTML Widget into your row.  

3. CTRL - Right-Click on your HTML widget. This will open the Widget Instance. 

4. Insert the required image as below, using the image button: 

5. Now click the source code button (the <> icon, last icon on the right) 

6. In the source code amend the html using the standard html tags e.g. 

<img src="smiley.gif" alt="Smiley face" height="42" width="42">

7. Click OK 

8. Click Save 

9. Your image is now sized as you require

[Vinit6]

Hi Kushi,

I'm also facing the same issue. Could you please guide me how you resolved your issue?

Regards

Vinit