Rustic Template Support Thread

[clydejones]

Hello All,

I am new to Zencart and have installed the Rustic Template.


My site can be found at http://nblx.nbenterprises.ca/nbstore/


I am having problems trying to do a couple of things.

1. I would like to have the logo in the header fill the entire header and if possible dynamicaly change size based on browser resolution.
2. I would like to move the Cart Totals and Welcome Greeting to a line below the logo image with tne greeting on the left and cart on right
3. I would like to have the "Welcome to N.B. Enterprises" centered above the new products on the home page.




Any help would be appreciated.


Thanks
Steve

1. I would like to have the logo in the header fill the entire header and if possible dynamicaly change size based on browser resolution.

If you want the graphic to fill the entire header you will need to create a new one that has the proper width. currently it is 800px wide - you would need it to be at least 910px wide.

in the mean time you can open includes/templates/rustic/css/stylesheet.css.

find this declaration and make the highlighted change:

#logo {
text-align:center;
}

2. I would like to move the Cart Totals and Welcome Greeting to a line below the logo image with tne greeting on the left and cart on right

open includes/templates/rustic/css/stylesheet.css

find the following declarations and make the highlighted changes:

#cartHeader {
position: absolute;
top: 90px;
right: 0;
font-size: 1.2em;
color: #6D0000;
background: #DCD6C4;
font-weight: bold;
width: auto;
}
.greeting {
position: absolute;
top: 90px;
left: 0;
color: #6D0000;
background: #DCD6C4;
font-weight: bold;
font-size: 1.2em;
width: auto;
}

3. I would like to have the "Welcome to N.B. Enterprises" centered above the new products on the home page.


open includes/templates/rustic/css stylesheet.css and add the following declaration:

#indexDefaultHeading {
text-align: center;
}