# Footer width

**URL:** <https://community.hubspot.com/t/footer-width/3229>\
**Category:** CMS Development\
**Created:** [September 4, 2017, 10:32am UTC](https://community.hubspot.com/t/footer-width/3229 "2017-09-04T10:32:36Z")\
**Posts on this page:** 2\
**Page:** 1

<div class="post-metadata">

**Author:** ![Jlawal](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/jlawal/32/5125_2.png) [@Jlawal](https://community.hubspot.com/u/Jlawal)\
**Post date:** [September 4, 2017, 10:32am UTC](https://community.hubspot.com/t/footer-width/3229/1 "2017-09-04T10:32:36Z")

</div>

Hello,

I’m working on [this page](https://www.groupcall.com/-temporary-slug-06011052-6eaa-4797-9e3e-c8f7e0cb02e0?hs_preview=fbepUvEQ-5320712625#e_cards). I would like the footer width to be the same as on [this page](https://www.groupcall.com/) but am unsure of how to do it without effecting the rest of the content on the page.

Any advice will be greatly appreciated.

Many thanks,

Jamila

---

<div class="post-metadata">

**Author:** ![Jsum](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/jsum/32/20405_2.png) [@Jsum](https://community.hubspot.com/u/Jsum)\
**Post date:** [September 4, 2017, 11:47pm UTC](https://community.hubspot.com/t/footer-width/3229/2 "2017-09-04T23:47:53Z")

</div>

@Jlawal,

This issue is bleeding over from a fix I provided you in another question I believe.

On the pages using your sub navigation you have the stylesheet Support\_Site\_Sub\_Nav.css

In this css file you have this:

```auto
.container-fluid .row-fluid .page-center {
 float: none;
 max-width: 770px;
 margin: auto;
}

```

So on any page with that css file your .page-center class is going to be a max-width of 770px instead of 970px as defined in your main style sheet.

What you should really do is find out where you are wanting the page-center class to be 770px wide and customize your css to target those sections specfically:

```auto
.special_class .container-fluid .row-fluid .page-center {
 float: none;
 max-width: 770px;
 margin: auto;
}

```

But if I remember correctly I told you that you should add the class .small to the .page-center classes you wanted smaller, then apply the smaller max-width to that:

```auto
.container-fluid .row-fluid .page-center.small {
 float: none;
 max-width: 770px;
 margin: auto;
}

```

This is a more universal solution.