How to make main content full width and centered?

Master99

I'm using the latest version of Vanilla and the Bootstrap theme. I've managed to remove the sidebar, and now I'd like to make the page content centered and full width. How would I go about doing this?

rasteron

Try this:

.page-content {
  width: 100%;
}

and to simulate your sidebar removal

.page-sidebar {
  display: none;
}

I have set this to my forum site for a bit, check it here live

Master99

@rasteron said:
Try this:

.page-content {
  width: 100%;
}

and to simulate your sidebar removal

.page-sidebar {
  display: none;
}

I have set this to my forum site for a bit, check it here live

That did it! Thanks so much!

Last question - How would I center the text in the footer? I can make it stick right or left, but can't get it centered. I've tried changing "pull-left" to "pull-middle" and "pull-center", but no luck.

<footer class="page-footer sticky-footer"> <div class="container"> <div class="clearfix"> <p class="pull-left">{t c="Copyright"} &copy; {$smarty.now|date_format:"%Y"} <a href="{link path="home"}">{logo}</a></p>

x00

use text-center

boostrap styles are here

http://getbootstrap.com/css/

Master99

@x00 said:
use text-center

boostrap styles are here

http://getbootstrap.com/css/

Thank you!