service portal homepage container size reduce

[Keerti2]

Hi All,

Kindly help me to reduce size of portal home page container i tired couple of change but still showing same

https://dev5888.service-now.com/nav_to.do?uri=%2Fsp_container.do%3Fsys_id%3Dbe98a8d2cb20020000f8d856...

width changed to - fluid 

and css changed to 

$sp-logo-max-height: 40px;
$sp-logo-max-width: 100px;

.container-fluid {
margin-right: auto;
margin-left: auto;
padding-left: 0px;
padding-right: 15px;
}

.col-md-12 {
width: 100%;
padding-left: 0px;
}

https://community.servicenow.com/community?id=community_question&sys_id=d2760325db1cdbc01dcaf3231f9619d2

[Pranav Bhagat]

Did you check in the developer tools.Please share some screenshots of developer tools.

[Pranav Bhagat]

Also check the homepage search widget ,there is a class called wrapper-xl ,check that.

[Santosh_Ksagar]

Hi Keerti,

Please find below threads for the same issue with answers:-

https://community.servicenow.com/community?id=community_question&sys_id=9f1d8f69db9cdbc01dcaf3231f96...

https://community.servicenow.com/community?id=community_question&sys_id=dd660be1db1cdbc01dcaf3231f96...

https://serviceportal.io/docs/documentation/css.md

Thanks
Santosh

www.dxsherpa.com

[Keerti2]

Please let me know if any one tested in PDI instance ? i could not make in my demo instance 

[Keerti2]

reduced size with below html code 

https://community.servicenow.com/community?id=community_question&sys_id=2e3cfef9db0127809d612926ca96... 

<div>
<div id="homepage-search" class="hidden-xs whatever">
<!--<h1 class="text-center font-thin hidden-xs text-4x m-b-lg sp-tagline-color">Hi {{::user.first_name}} {{options.title}}</h1>-->
<h1 class="text-center text-4x m-b-lg sp-tagline-color" ng-bind="options.title"></h1>
<h4 ng-if="options.short_description" class="text-center m-b-lg sp-tagline-color" ng-bind="options.short_description"></h4>
<sp-widget widget="data.typeAheadSearch"/>
</div>
</div>

but search content increased  , can any one help to reduce search option has to reduce ?