Service Portal home page question

debkearney
ServiceNow Employee
ServiceNow Employee

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.

1 ACCEPTED SOLUTION

larstange
Mega Sage

Hi Deborah



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


find_real_file.png


Give it a custom class


find_real_file.png


And add this class to the page specific css


find_real_file.png


View solution in original post

8 REPLIES 8

djuncos
Giga Contributor

I did the same thing (gave the container a custom class, added that class to the page-specific CSS, and assigned height to ne 700px), and it literally did nothing at all. 

Did I forget something, or is it possible that this response is out of date? 

 

It works for me but it added height to the bottom instead of the top. May have to debug the code.

find_real_file.png

UPDATE!!!!!

Got it to work. Try this.......

 

.myHeight {
  margin-top:25px !important;
}

Keerti2
Mega Expert

help me to reduce  container size for below image

tried above changes in container but not helped

https://dev7777.service-now.com/nav_to.do?uri=%2Fsp_container.do%3Fsys_id%3Dbe98a8d2cb20020000f8d856634c9c63%26sysparm_view%3D%26sysparm_domain%3Dnull%26sysparm_domain_scope%3Dnull