[Solved] Theme : Reynolds Problem : Moving Navigation Bar Left

[JesseLeeStringer]

Hi All,

This is my first post mainly due to my expert searching skills  ,
I've just dabbed into working with Coppermine[Latest Build] and would like to change the Right-Based Reynolds Theme.

My apparent problem is that I'll be using Coppermine to store high-resolution photographic images with
pixels ranging from 2000px onwards [H=>2000, w=>2000].
The images routinely move under the right-hand menu.
If I have the menu based of the left hand side it would it would solve many problems.
Reynold is the "ONLY" theme I would like to use due to it's simplist yet stylish interface,
I don't wish to sound selfish but rather work on this problem rather then steer to a different theme.

I've dabbed into working with the template.html and style.css files. [changedf from theme.css]
I'm using Dreamweaver Mx as my editing environment for both files,
the WYSIWYG editing doesn't reflect the changes I've made nor does it seem to work when I change
theme.css on codes such as :

Code Select Expand

#menu {
        width: 14em;
        position: absolute;
        float: left;
        top: 97px;
        right: 5em;
        font-size: 100%;
}


Any help would be appreciated.
Should someone already have done the work then it would be very much appreciated.
My Email address is jesseleestringer[a-t]gmail.com.

Thanks
Jesse-Lee

[Paver]

First of all, there is no theme.css file.  I assume you mean style.css.  Otherwise, I don't know what you are doing wrong. 

I changed #menu as shown:

Code Select Expand

#menu {
        width: 14em;
        position: absolute;
        float: left;
        top: 122px;
        left: 5em;
        font-size: 100%;
}
* html #menu { /* make IE put it in the right place */
        left: 5em;
}
and #content as shown:

Code Select Expand

#content {
        margin-left: 21em;
        margin-right: 40px;
        background-color: #eff3f6;
        padding: 1.0em;
        margin-top: 110px;
        margin-bottom:5px;
        border: 1px #eee solid;
}
and the navbar is now on the left.  As you can see, I just swapped "left" with "right" in the blocks.

As a general note, you should copy the theme folder to a new folder before you make modifications so you can recover or look at the original (in this case Reynolds) theme if you have trouble.  But when you do so, you need to make sure to modify template.html to point to the correct style.css file (with the new folder name).

[JesseLeeStringer]

Thank You for your quick reply Paver,

For user to see the examples provided visit modform.com.au/index.html
I shall be using this as my default template as discussed before.

A short not for users/editors,
To move the {GAL_NAME} and {GAL_DESCRIPTION} tags,

Change the following codes in style.css

#header & #tagline
padding-left: 45px; TO padding-left: 90px;

Code Select Expand

#header {
        position: absolute;
        top: 40px;
        left: 0px;
        background-image: url("images/pen-sm.jpg");
        background-position: top right;
        background-repeat: no-repeat;
        color:#1e5780;
        width:100%;
        margin: 0px;
        height: 75px;
        padding-left: 90px;
        font-family: Arial, Helvetica, sans-serif;
        font-weight: bold;
        font-size: 2.4em;
}


Should anyone request a copy of the modified source please email me.

Thanks All