Please upgrade here. These earlier versions are no longer being updated and have security issues.
HackerOne users: Testing against this community violates our program's Terms of Service and will result in your bounty being denied.

How to make main content full width and centered?

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?

Comments

  • rasteronrasteron forum.rastercode.com ✭✭

    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

  • @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>

  • use text-center

    boostrap styles are here

    http://getbootstrap.com/css/

    grep is your friend.

  • @x00 said:
    use text-center

    boostrap styles are here

    http://getbootstrap.com/css/

    Thank you!

Sign In or Register to comment.