Footer

[Sheh]

Hi, 

Please, how can I remove this part in footer. I need to conserve only the black one.

Thank you for your help

Regards

[Community Alums]

Hi @Sheh ,

You can refer to my answer in this thread : https://www.servicenow.com/community/employee-center-forum/how-to-change-footer-logo-and-links/m-p/2...

[Community Alums · Accepted solution]

Hello @Sheh ,

For this u need to remove/comment the code of main section from "Employee Center Footer".

Your code should be like this : 

Remove/comment the code between the "Menu Section" and "Footer Bottom Section".

The code need to remove or comment is: -

<!-- Menu Section -->
<div class="sf-main" ng-if="c.data.footer.logo || (c.data.footer.menus.navigation_links.length)">

<!-- Logo Section -->
<div class="sf-logo-container" ng-if="c.data.footer.logo">
<img ng-if="c.data.footer.logo.imageUrl"
ng-src={{c.data.footer.logo.imageUrl}}
class="sf-logo image-flex">
<div class="sf-logo-content">
<p ng-bind-html="c.data.footer.logo.content"></p>
</div>
</div>

<!-- Menu links Section -->
<div class="sf-links-container" id="sf-links-container">
<div class="masonry-root">
<div class="sf-group masonry-cell"
ng-if="menu.menuItems.length"
ng-repeat="menu in c.data.footer.menus.navigation_links"
on-finish-repeat="ngRepeatFinishedNavLinks" >
<div class="sf-group-title" ng-attr-id={{menu.sysId}}>
{{menu.title}}
</div>
<div class="sf-links" role="list" aria-label="{{menu.title}}">
<div class="sf-link" role="listitem" ng-repeat="link in menu.menuItems">
<a ng-href={{link.href}} ng-class="{'new_window': link.isExternalLink}" ng-attr-target="{{(link.isExternalLink) ? '_blank' : undefined}}">{{link.label}}</a>
</div>
</div>
</div>
</div>
</div>
</div>

@Sheh , Please mark my answer as accept solution and helpful, If it is works for you.

Thank you!

[Luis Estefano]

Hi @Sheh and @Community Alums ,

in order to remove that part you can do it with configuration, and skip the update on the ootb Footer. 

So, you can disable the different menus on the "Employee Service Center => Employee Center Footer" and later on, if you want the section to be totally removed, you can do it with some CSS style on the EC Theme Stylesheet. And you avoid to update the ootb EC Footer and keeps it easy to be maintained and updated in the future. 

Different CSS rules could hide the section, something like this could work:

footer .scrub-footer .sf-main {
    display: none !important;
}

Kind regards,

Luis Estéfano