Eliminating the Sidebar

Introduction

The side bar on the dashboard website takes up a lot of usable space. This instruction set will show how to delete that space and expand the working space of your website.

Materials and Time:

  • Computer with internet access
  • 10-15 minutes

Preparation

  • Log into dashboard
  • Read the instructions 
Jing Screencast


For a full screen version click here


Removing the Sidebar

          1)     Select Design and click on Templates

                   design templates pic.jpg

          

            2)     Under Template Modules, click on Sidebar.

                                            template modules pic.jpg

       Caution: Read the next 2 steps before proceeding.

     

Note: Copy and paste the code into a new unpublished entry titled

Sidebar code and save it, in case you want the sidebar back in the

future

      3)     Remove all the code from sidebar template.

      4)     Save your changes.

Expanding the Content Container

1)     Select Design and click on Templates.

2)     Under Template modules click on Header.

3)     At the bottom of the code find <div id="alpha"> and

      replace it with

                    <div id="alpha" class="alpha-wide">

header code.jpg


4)     Save your changes.

5)     Select Design and click on Templates.

6)     Under Index Templates select Stylesheet.

                                                stylesheet picture.jpg

7)     After the last line which contains "}", add the following code

.alpha-wide {
width:940px !important;
}

                        stylesheet code.jpg


8)     Save your changes.

9)     Publish the entire website with the button on the main toolbar.

You are done. Check out your webpage to make sure your sidebar is gone.



No TrackBacks

TrackBack URL: https://blogs.psu.edu/mt4/mt-tb.cgi/129770

1 Comment

Hey. This Works.

Leave a comment

Recent Entries

Extra Credit: Instruction Sets
Post your ideas here: How would you sort the instruction sets into categories? Name the categories and sort the sets.…
Section 20 Topics
Sharing your Blog Post on Facebook Renaming the Blog Tab How to remove the blog tab How to link…
Subfolder Widget Code
The following code should create folders for locating pages. You can add any number of pages to each folder. In…