Eliminating the Sidebar
Introduction:
The
sidebar on the dashboard website takes up a lot of usable space on your website. This
instruction set will show how to remove the sidebar and expand the working space
of your website. Eliminating the sidebar will increase your usable space on your website, creating a more professional look.
Finished Blog Page
Caution: Once you delete the
code, it will no longer be available to restore in the future. It is suggested
that you copy and paste the original code into a new unpublished entry
and save the code in case you want to add the sidebar back in the future.
Materials and Time:
- 10-15 minutes
- Read the instructions
This video will take you through the instructions to eliminate the sidebar.
For a
full screen version click here
_____________________________________________________________________
Removing the Sidebar:
______________________________________________________________________
1.2) Under Template Modules, click on Sidebar.
Caution: Read the next 2 steps before proceeding. Once
you
delete the code,
it will no longer be available to restore in the
future.
Note: It is suggested that you copy and paste the code into
a
new unpublished
entry and save the code.
________________________________________________________________
1.3) Delete all the code from sidebar template.
__________________________________________________________________
1.4) Save your changes.
________________________________________________________________________
Expanding the Content Container:
2.1) Select Design and click on Templates.
_____________________________________________________________________
2.2) Under Template modules click on Header
Caution: Read the next step before proceeding. Once
you
delete the code,
it will no longer be available to restore in the
future.
Note: It is suggested that you copy and paste the code into
a
new unpublished
entry and save the code.
_____________________________________________________________________
2.3) At
the bottom of the code find <div id="alpha"> and
replace it with
<div id="alpha" class="alpha-wide">
_____________________________________________________________________
2.4) Save your changes.
_____________________________________________________________________
2.5) Select Design and click on Templates.
_____________________________________________________________________
2.6) Under Index Templates select Stylesheet.
Caution: Read the next step before proceeding. Once
you
delete the code,
it will no longer be available to restore in the
future.
Note: It is suggested that you copy and paste the code into
a
new unpublished
entry and save the code.
_____________________________________________________________________
2.7) After the last line which contains "}", add the following
code
.alpha-wide
{
width:940px !important;
}
_______________________________________________________________
2.8) Save your changes.
____________________________________________________________________
2.9) Publish the entire website with the button on the main
toolbar. Click the publish button in the pop up window.
Once publishing is finished, view your web page.
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
Hey. This Works.
Nice to be coming across these reasources, going to save this post.Juicy Couture Tracksuit