Service Portal - Footer

[Wendy Peterson]

Is there a way to get this to span the entire page - It shows white on both sides? TIA

Here is the CSS in my Footer

.is-footer {
	background-color:#97c0bb;
  	padding:5px;
    color:white;
}
.is-footer a:hover{
	color:white;
    cursor:pointer;
}
.is-footer a:visited{
	color:white;
}

[Ashutosh Munot1]

Hi,

Issue is with the main container. Its not with the footer. Have you changed anything or CSS for the main container.

Other issue can be, someone might have added extra css on page for footer instead of footer css.

Please check.

Thanks,

Ashutosh Munot

[Wendy Peterson]

The footer was added as them not as a container. I tried it that way first and it didn't work so i then added it to theme instead.

When you say main container are you talking the index page?

[Ashutosh Munot1]

HI,

Yes can you check page specific css if any because once you just add the footer to theme it should be there as a whole screen until there is no extra css added either to page, theme, widget and footer itself.

Thanks,
Ashutosh

[Allen Andreas]

Hi, to add the footer to your page (via the theme/suggested way) is to go to Service Portal > Service Portal Configuration > then in top right area, click on "Portal Tables" and then choose "Theme".

From here, pick the theme you are using...(most use "Stock") and click that.

Now, on the right-side of your screen, this is where the footer option comes up:

Simply pick the footer from here. For example, sample footer. Once selected, click save. While on same page, click the (i) for the footer and remove this line from HTML (if applicable):

  ${Page generated at {{::c.data.time}}}

Then you can change CSS color and all that in the CSS section.

With the default code alone...provided OOB...it stretches across the entire page...

Please mark reply as Helpful/Correct, if applicable. Thanks!

[Allen Andreas]

Alright then, glad you figured it out.

As stated above, OOB, it goes across full screen.

If you had just the text there, you could add that to the sample footer (cloned if you wish) and that may have been easier.

Either way, glad you got it.