service portal homepage container size reduce
- Mark as New
- Bookmark
- Subscribe
- Mute
- Subscribe to RSS Feed
- Permalink
- Report Inappropriate Content
06-14-2020 04:11 AM
Hi All,
Kindly help me to reduce size of portal home page container i tired couple of change but still showing same
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

- Mark as New
- Bookmark
- Subscribe
- Mute
- Subscribe to RSS Feed
- Permalink
- Report Inappropriate Content
06-14-2020 09:03 AM
Did you check in the developer tools.Please share some screenshots of developer tools.

- Mark as New
- Bookmark
- Subscribe
- Mute
- Subscribe to RSS Feed
- Permalink
- Report Inappropriate Content
06-14-2020 09:04 AM
Also check the homepage search widget ,there is a class called wrapper-xl ,check that.
- Mark as New
- Bookmark
- Subscribe
- Mute
- Subscribe to RSS Feed
- Permalink
- Report Inappropriate Content
06-14-2020 09:19 AM
Hi Keerti,
Please find below threads for the same issue with answers:-
https://serviceportal.io/docs/documentation/css.md
Thanks
Santosh
- Mark as New
- Bookmark
- Subscribe
- Mute
- Subscribe to RSS Feed
- Permalink
- Report Inappropriate Content
06-14-2020 10:03 PM
Please let me know if any one tested in PDI instance ? i could not make in my demo instance
- Mark as New
- Bookmark
- Subscribe
- Mute
- Subscribe to RSS Feed
- Permalink
- Report Inappropriate Content
06-15-2020 04:40 AM
reduced size with below html code
<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 ?