Service Portal home page question

[debkearney]

Is there a way to increase the height of a particular container on the index page?   We want to make the space allotted for the background image bigger.   I tried adding this to Page Specific CSS on the 'index' page, but it's causing all container heights to change:

section.body > div {

  height: 550px;

}

Also, we want to know if it is possible to have the background image apply to the entire index page, rather than just the first container on the index page.

[larstange · Accepted solution]

Hi Deborah

You can add css to the container itself. Click the container and the click the pencil icon

Give it a custom class

And add this class to the page specific css

[debkearney]

Great, thank you!!   I tested that and it works. Do you know if it's possible to have the image span the entire index page?   I think that's not a great solution, but wanted to know if it's possible.   It looks like it can only be attached to a container.   Thanks again for your help!

[larstange]

Hi

Can't you just add a background-image style to the page specific css?

[debkearney]

Thanks again, Lars - I was having some issues getting it to display correctly, but I added this to the section.page block:

	background-image: url("55b1c6f04f99a200a48ab485f110c76c.iix");
	background-size: cover;

            background-position: center center;

And now it looks fine!!