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;
}
Bookmarks